伪类和伪元素区别以及伪元素概念与意义
伪类和伪元素
在css2.1中对伪类和伪元素的区别比较模糊。css3中对这两个概念做了相对较清晰的解释，并且在语法上也做了很明显的区分
在css3中规定伪类由一个冒号开始，然后为伪类的名称；伪元素由两个冒号开始，然后为伪元素的名称 （更多…）
css3分栏多列布局
column-count 指定元素应分为的列数
column-width 指定列的宽度
column-gap 指定列之间差距
column-rule 一个用于设置所有列规则的简写属性
column-span 指定一个元素应该横跨多少列
column-fill 指定如何填充列
column-rule-color 指定的列之间颜色规则
column-rule-style 指定的列之间的样式规则
column-rule-width 指定的列之间的宽度规则
columns 缩写属性设置列宽和列数
遮罩mask
注：需要加浏览器前缀，默认平铺
mask:url地址 平铺方式 x轴 y轴/宽 高
url repeat x y/w h
倒影box-reflect
box-reflect：上 下 左 右 距离 遮罩/渐变
渐变只针对透明度的渐变，不支持颜色的渐变
倒影也可以用翻转transform:scale(-1)
模糊与计算
blur：filter:blur(模糊值)
calc：四则运算
width:calc(100% – 100px)
文本阴影
text-shadow:x y 模糊度 颜色,x1 y1 模糊度 颜色
阴影颜色默认跟文字颜色一样
盒子阴影
box-shadow:x y 模糊度 距离 颜色 内/外阴影
默认阴影颜色黑色和外阴影，如果设置outside不起作用，可选值只有inside内阴影
字体图标
font-face是css3中的一个模块，主要是把自己定义的web字体嵌入到网页中
阿里巴巴矢量图标库
https://www.iconfont.cn/
自定义字体图标
https://icomoon.io/app
好处： （更多…）
linear-gradient：线性渐变
background-image: linear-gradient(to right,red, yellow, blue);
radial-gradient：径向渐变
background-image: radial-gradient(red, yellow, blue);
css进度条 （更多…）
background-size：背景图的尺寸大小
参数：
cover覆盖，超过元素大小裁切
contain包含，等比拉伸
background-origin：背景图的填充位置
参数：
padding-box(默认)，border-box，content-box
background-clip：背景图的裁切方式
参数：padding-box，border-box(默认)，content-box
过渡transition
transition-property 规定设置过渡效果的 CSS 属性的名称。
transition-duration 规定完成过渡效果需要多少秒或毫秒。
transition-timing-function 规定速度效果的速度曲线。
transition-delay 定义过渡效果何时开始。
语法： （更多…）
什么是BFC？
Block Formatting Context(块级格式化)
什么是BFC规范？
触发BFC规范的元素，可以形成一个独立的容器，不受到外界的影响，从而解决一些布局问题。
怎么触发BFC规范？
浮动元素：float除none以外的值
定位元素：position:absolute/fixed
display:inline-block/flex(弹性布局)
overflow:除了visible以外的值
BFC能解决什么问题？
可以解决margin叠加、传递问题
可以解决浮动以及覆盖问题
HTML标签
引用标签
blockquote：引用大段的段落解释
q：引用小段的短语解释
abbr：缩写或首字母缩略词
address：引用文档地址信息
cite：引用著作的标题
iframe嵌套页面
iframe元素会创建包含另外一个文档的内联框架
frameborder，是否显示框架周围的边框
width/height，定义frame宽高
scrolling，是否在iframe显示滚动条
src，规定在iframe中引入的url
srcdoc，规定在iframe中显示的页面内容 （更多…）
