摘要：
form 表单标签 如果以后进行表单提交 把所有的提交的数据放到form里面 action 行为 行动 提示标签 提示输入框的 for属性一般和对应的输入框id保持一致，label和输入框是同一组的 点击label 等同于点击输入框 input的 type属性="text" 输入框 正则表达式 au 阅读全文
摘要：
关键帧动画和过渡动画的区别： 过渡动画: 实现一些简单的动画 只有两个帧开始帧和结束帧的状态 , 只有元素样式发生改变的时候添加过渡效果 关键帧动画 : 实现动画过程当中的每一个关键帧的状态， 关键帧完成之后 ， 使用到任何一个标签上 设置关键帧动画： 动画名字 animation-name: pi 阅读全文
摘要：
过渡的属性，可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all transition-property:all; 过渡的时间 transition-duration: 700ms; 阅读全文
摘要：
transform : 变换 变化 移动变化translate() 缩放变化scale() 旋转的变化rotate() transition:all 3s 过渡的过程 all 看到所有的过渡效果 3s设置过度时间 想看到子元素有3D效果 必须在父元素里面加 视点距离的样式 视点距离: 1: none 阅读全文
摘要：
弹性布局设置方式： display: flex; 弹性布局的方向 默认的row row 项目是从左到右排布的 row-reverse 项目是从右到左排布 column 项目从上到下排布 竖直 column-reverse 项目从下到上排布 flex-direction:row; 垂直弹性布局方向上的 阅读全文
摘要：
1.选择器:根据标签名字选择标签 语法:标签名 ; 选择所有的p标签 2.类名选择器 选择类名的一样的所有的标签: 语法 .类名 3.id选择器 选择id相同的标签 语法: #id 4.包含关系的选择器 语法: 空格隔开 5.父子关系的选择器 两个选择器>链接 6.选择器 , 隔开 7. 根据自定义 阅读全文
摘要：
px像素单位，相对单位，它是屏幕显示最小的单位 mm绝对单位，表示毫米 cm绝对单位，表示厘米 pt绝对单位，表示磅，用于打印的时候单位 vw相对单位，1vw=浏览器宽度的1% vh相对单位，1vh=浏览器高度的1% em相对单位，相对于自身元素或者父元素的字体大小 rem相对单位，相对于根目录(h 阅读全文
摘要：
左浮动 影响: 块元素的宽度不再是父元素的宽度 水平排布 最后一个浮动标签之后添加一个空的div，设置一个样式 clear:both 第二种清除浮动 在不加div的前提下 父标签加一个类 clear-fix 通过添加后缀 设置后缀展示以block 展示 加上clear:both 就可以清除浮动 阅读全文
摘要：
为了编写代码美观 每个标签独占一行 换行和空格符号解析成一个空格 1: 让其他标签紧跟着上一个标签 2: 通过外边距设置左右外边距为负数 3: 在父元素设置字体大小为0 子元素必须重写设置字体大小 阅读全文
摘要：
1.块元素与快元素 2. 上下外边距 3. 没有边框 盒模型 : 内容区域(content) + 内边距(padding)+ 边框(border)+ 外边距(margin) 盒子大小 默认值content-box: 内容盒子 从内容开始算的 100px=内容区域 但是网页展示的时候宽度 100(wi 阅读全文
摘要：
汉字内容溢出及解决办法 如果内容是汉字 默认的情况：汉字水平方向上不会溢出 如果垂直方向内容超出高度 这个时候导致内容溢出 浏览器在解析汉字的时候 会在任意一个的汉字换行 把超出的部分隐藏掉 默认把滚动条取消掉 overflow: hidden; 超出的部分滚动 竖直方向上有滚动条 可以滚动；水平方 阅读全文
摘要：
精灵图片： 把很多张小图片整合成一张大图片，同时css显示其中一张的小的图标 这个就是图片精灵技术 使用精灵图片的好处： 减少页面的请求次数 页面加载速度比较快 使用方法 background-size设置背景图片的大小 background-position设置背景图片的位置移动到你想要的区域 精 阅读全文
摘要：
如果背景比较小 元素比较大 默认的是背景图片平铺的 设置背景图片不重复 固定背景图片 背景图片大于元素的大小的时候 只会显示图片部分 左上部分 背景图片的位置 横向位置 纵向位置 设置成具体值 背景图片向左移动100px 向上移动100px 设置背景图片在中间 背景图片在右下 背景图片大小 宽 高 阅读全文
摘要：
满足一定条件下 才能触发的类 选择某一个标签:伪类 ：hover伪类 当鼠标放在a标签上的样式 ：active 点击变大的伪类; 当鼠标点击的时候 触发的伪类 :first-letter 第一个字符的样式 ::first-line 第一行的样式 :before 内用 content: "元";添加前 阅读全文
摘要：
ul: 无须队列 (unorderlist) ol: 有序队列 orderlist dl: 自定义队列 definelist 阅读全文