CSS

块级元素和行内元素的区别 块级元素独占一行，行内元素在同一行显示 块级元素默认宽度为100%，行内元素默认宽度有内容撑开 块级元素可以设置宽高，行内元素设置宽高不生效 块级元素可以设置margin和p

css css3 实现滚动条美化 ::-webkit-scrollbar-track ::-webkit-scrollbar-thumb

1. 作用 实现响应式布局 响应式局部：写一次样式兼容所有终端 2. 响应式布局优缺点 面对不同分辨率设备灵活性强 代码累赘，会出现隐藏无用的元素，加载时间加长 3. 语法 内部引入： 外部引入

css动画 1. 作用 使元素从一种样式变为另外一种样式 可以控制过程 2. 定义动画 3.调用动画

1. 作用： 使元素从一个样式逐渐变为另外一个样式 2. 过渡必须有触发事件 鼠标悬停，点击等 3. 过渡的属性-必须 可以过渡的属性： 4. 过渡的持续时间-必须 单位s/ms 默认0s/0ms

iconfont.cn 1.打开官网 2.点击图标 3.搜索需要的图标 4.添加到购物车 5.下载代码

1.作用 使元素在位置或者形状上发生一定的改变 2.属性 3.位移 单位 px % 4.旋转 单位deg（弧度） 5.缩放 单位number 6.倾斜 单位deg 实现翻转 水平翻转 垂直翻转

1.圆角 2.阴影 盒阴影 字阴影 3.背景渐变 属性 线性渐变 4.兼容性 厂商前缀 解决浏览器对C3新特性的支持 css hack 解决IE低版本 !important（优先级最高）

元素定位 1.静态定位 2.相对定位 3.绝对定位 4.固定定位 5.sticky 6.z-index

1.定义 浮动规定了元素朝哪个方向浮动 最开始浮动做图片环绕技术 2.原理 3.语法 4.清除浮动的影响

在弹性盒模型中float、clear、vertical-align不生效 1.作用 2.父元素上的属性 3.子元素上的属性

1、组成部分 content+padding+border+margin 2、实际大小 3、盒模型相互转换

1、组成部分 content+padding+border+margin 2、实际宽度 width+padding+border+margin 3、content 内容区域

1.字符之间的间距 2.行高 3.元素的透明度 4.内容溢出 5.一行文字溢出省略号表示 6.多行文字溢出省略号表示 7.垂直对齐方式

css选择器、基础选择器、关系选择器、伪对象选择器、伪类选择器、属性选择器。css选择器优先级；先爱后恨的顺序

1.设置边框 2.设置边框折叠（cellspacing="0"） 3.设置内容距边框的距离 4.设置表格的大小 5.表格水平居中 6.表格内容水平对齐 7.表格内容垂直对齐

1. 背景颜色 2. 背景图片 3. 背景图片是否平铺 4. 背景图片的大小 当只取一个值，背景图片等比例缩放 5. 背景图片定位 6. 背景图片固定 7. 简写 没有取值的属性，为默认值

1.设置项目符号 2.设置项目符号为图片 3.设置项目符号位置 4.简写 简写时一个属性有多个属性值，多个属性值用空格隔开

文本属性 —— 继承性 1.元素内容的水平对齐方式 2.文本装饰 3.英文字母大小写转换 4.首行缩进 首行缩进俩字符

1.字体颜色 颜色的取值 关键词 十六进制 rgb(,,) rgba(,,,) 2.字体是否加粗 3.字体大小 px 浏览器支持最小字体12px 4.字体样式 5.字体