web前端
关注
分享
扫一扫
文章平均质量分 79
前端集合
城南敢死队
望相见之日，已达所求，已完所愿。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML 基本标签
双标签 语法： <标签名 属性=“值”></标签名>单标签 语法： <标签名 属性="值"/>* 推荐使用红色标签表达效果更强1.加粗标签---b/strong2.斜体标签---i/em3.下划线标签---u/ins4.删除线标签---s/del5.水平分割线标签---hr 单标签6.换行标签---br 单标签7.注释标签-...原创 2021-10-16 23:44:46 · 150 阅读 · 0 评论 -
HTML基本框架及标签（改1）
目录1.HTML简述2.HTML基本框架@[TOC]1.HTML简述及创建HTML:被称为“超文本标记语言”或“超文本标签语言”说明了html是一种标签语言，它由一个个标签构成常用软件：sublimie ,Visual Studio Code 等等2.HTML基本框架<!DOCTYPE>:是当前网页采取html5的方式打开lang：语言种类 用于定义当前文档的语言（一般定义中国）en定义为英语 zh-CN 定义为中文 fr...原创 2021-10-22 15:41:18 · 260 阅读 · 0 评论 -
HTML的路径及其超链接
1.路径（1）目录文件夹和根目录目录文件夹：就是一个普通的文件夹，用于存放素材 根目录：打开目录文件夹的第一层就是根目录（2）相对路径一引用文件所在位置为参考，基而建立出的目录的路径 简单来说：你引用的文件相对于HTML文件的位置...原创 2021-10-25 14:03:54 · 4738 阅读 · 0 评论 -
表单标签 （用于注册界面制作）
前言：1.为什么需要表单？使用表单的目的是为了收集用户信息2.表单的组成在HTML中一个完整的表单通常由表单域，表单元素和提示信息三部分组成一.表单域表单域是一个包含表单元素的区域在HTML中<form></form>标签用于定义表单域，以实现用户信息的收集和传递<form>会把它范围内的表单元素提交得服务器语法：<form action="提交地址" method="提交方式" name="表单域命名" >原创 2021-10-28 00:03:59 · 1024 阅读 · 0 评论 -
HTML表格标签
前言表格的主要作用：用于展示数据和布局一，表格的标签的语法<table> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr></table>table：定义整个表格 tr：定义表格中的一行 td：定义表格中的一个单元格 th：定原创 2021-10-31 15:31:12 · 410 阅读 · 0 评论 -
HTML列表标签
前言：表格是用来是用来展示数据的，那么列表就是用来布局的。列表特点：整齐，整齐，有序，用它布局会更加自由方便。一，无序列表（重点）<ul>标签表示HTML中的无序列表标签，一般以项目符号呈现列表项，而列表项使用<li>标签表示语法：<ul type="" > <li>列表项1</li> <li>列表项2</li> <li>列表项3</li></ul>原创 2021-11-14 18:11:43 · 452 阅读 · 0 评论 -
初识css
000原创 2021-11-15 23:29:40 · 390 阅读 · 0 评论 -
css的选择器细讲
前言：选择器的作用选择器原创 2021-11-17 11:41:55 · 931 阅读 · 0 评论 -
css的一些基础属性——字体属性
前言：css的这些属性就是用于控制HTML样式的关键所在，所以学好这些样式也十分重要哦。一.css的字体属性1.字体系类css使用font-family属性定义文本的字体系类语法：（以div标签为例）div { font-family: "Microseft Yahei" /*这里设置的字体样式为微软雅黑*/}也可以div { font-family: 微软雅黑 ;}中文英文都可以注意：一般情况下如果有空格隔开的多个单词组成的字体要加引号 如：“Mic原创 2021-11-24 00:11:49 · 427 阅读 · 0 评论 -
css的一些基础属性——文本属性
前言：cssText属性可定义文本的外观 比如文本的颜色 对齐文本 装饰文本 文本的缩进 行间距等。1.文本颜色原创 2021-11-24 17:43:58 · 217 阅读 · 0 评论 -
css布局——元素的显示模式
前言：1.什么是元素的显示模式作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页元素的显示模式就是元素以什么方式进行显示 比如：<div>标签独占一行 又比如一行内可以放多个<span>等等HTML元素一般分为块级元素和行内元素两种...原创 2021-11-25 14:24:01 · 224 阅读 · 0 评论 -
css的一些基础属性——背景
前言：通过css属性，可以给页面元素·添加背景样式；背景属性可以设置背景颜色，背景图片，背景平铺，背景图片的位置 背景图片的固定等三.背景1.背景颜色background-color 属性定义了元素的背景颜色语法：div { background-color: red;} 注：一般情况下元素背景颜色默认是 transparent（透明色）效果展示：...原创 2021-11-25 14:25:27 · 321 阅读 · 0 评论 -
css布局——盒子模型
前言：1.看透网页布局的本质网页布局的过程：先准备相关的网页元素，网页元素基本都是盒子Box 利用css设置好盒子样式，然后摆到相应位置 向盒子里面装内容网页布局核心：利用css摆盒子2.盒子模型（Bxo Model）组成所谓盒子模型九十八HTML页面中的布局元素看作是一个承装内容的容器css盒子模型本质上是一个盒子，封装周围的HTML元素，包括：边框，内边距，外边距和实际内容...原创 2021-11-26 21:45:48 · 1256 阅读 · 0 评论 -
css的一些基础属性——圆角边框和阴影
四.圆角边框和阴影圆角边框border-radius属性用于设置元素的边框圆角语法：div { border-radius:10px;}border-radius半径原理：圆与边框的交集形成圆角效果注：参数可以时数值或百分比 如果是一个正方向想设置为一个圆，把数值修改为高度或宽度的一半即可，或改为50% 如果是一个矩形则设置为高度的一半即可 该属性是一个简写属性，可以给四个角分别设置：左上角，左下角，右上角，右下角 可以分开写：border-top-left-r原创 2021-11-27 07:42:35 · 720 阅读 · 0 评论 -
css布局——浮动布局
前言：网页布局的本质就是用css来摆盒子。把盒子摆到相应的位置css提供了三种传统布局方式普通流 浮动 定位原创 2021-11-28 17:00:55 · 555 阅读 · 0 评论 -
关于浮动的练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2021-11-28 17:05:48 · 494 阅读 · 0 评论 -
css布局——定位布局
目录四.定位布局1.为什么需要定位布局2.定位的组成3.定位模式4.边偏移5.静态定位6.相对定位效果展示7.绝对定位效果展示8.子绝父相9.固定定位10.定位总结四.定位布局1.为什么需要定位布局定位可以让盒子自由的在某个盒子内移动或固定在屏幕中的某个位置，并且可以压住某个盒子2.定位的组成定位：将盒子定在某一位置，所以定位也是在摆盒子按照定位的方式移动盒子定位=定位模式+边偏移定位模式：用于指定一个元素在文档中的定位方.原创 2021-11-28 21:22:53 · 1182 阅读 · 0 评论 -
css布局——flex布局
前言：flex布局原理flex是flexble box 的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都能指定flex布局注意：当我们为父盒子指定flex布局以后，子元素的float，clear 和vertical-align属性将失效采用flex布局的元素被称为flex容器，他所有的子元素称为容器成员简称“项目”flex布局总结原理就是是通过给父盒子添加flex属性来控制子盒子的位置和排列顺序1.常见父项属性flex-direction：设置主轴原创 2021-11-29 17:43:48 · 1637 阅读 · 0 评论 -
css转换
一.二D转换（在二维平面内）转换（transform）是css中具有颠覆性的特征之一可以实现元素的位移，旋转，缩放，倾斜等移动：translate（x，y） translateX（ ） transformY （ ）旋转： rotate（x，y） rotateX （） rotateY（）缩放：scale（x，y） scaleX（） scaleY （）倾斜：skew （x，y） skewX （） skewY（）1.前端中的坐标轴2.translate移动2D...原创 2021-12-20 01:40:39 · 371 阅读 · 0 评论 -
css过渡
前言：过渡：可以在不使用flash和js的情况下达成简单的动画效果过渡动画：是一个状态渐渐过渡到另一个状态过渡 transition语法：transition：要过渡的属性 花费时间 运动曲线 何时开始；想要过渡的属性： 宽度 高度 背景颜色 内边距 转换等等 如果想要所有的属性都变化则写一个all花费时间： 单位是秒（s）比如： 2s运动曲线： 默认是ease何时开始： 单位是秒 可以设置延迟触发时间 默认0注意： 谁要过渡给谁加例如：div...原创 2021-12-20 02:06:31 · 130 阅读 · 0 评论 -
css动画
前言：动画（animation）是css3得特征之一，可以通过设置多个节点来精准控制一个或一组动画；常来实现复杂的动画效果相较于过度，动画可以实现更多的变化，更多控制，连续自动播放等效果制作动画分为两步：1.定义动画2.调用动画1.定义动画用@keyframes定义动画名称语法：@keyframes name { 0% {} 100% {}}name是我们自己定义的动画名动画序列0%是动画的开始，100%是动画的结束，这样的规定是动画序列 在@ke.原创 2021-12-21 11:00:00 · 282 阅读 · 0 评论