html(9)

css3新增的属性

1.文字阴影

text-shadow：x的偏移，y的偏移，模糊程度，阴影的颜色

2.盒子阴影

box—shadow:x,y，模糊程度，阴影的颜色，inset；
inset代表内阴影，不设置就是外阴影

3.圆角

dorder-radius：*px ｜ *%

4.字体图标

使用方式1
1.设置字体类型
@font-face{
			font-family:'字体名称'
			src:url('*,ttf')设置字体文件的路径
			}
2.在html中写对应的结构
<i>对应图标的unicode</i>
3.给图标设置字体类型为第一步设置的字体结构

使用方式2
1.引入iconfont.css
2.加对应图标的类名就可以使用
<span class='iconfont 类名'></span>

5.其他选择器

1.属性选择器
e[attr]匹配含有attr属性的元素e
2.结构伪类选择器
1.选中第一个子元素e  e：first-child{}
2.选中最后一个子元素e e：last-child{}
3.选中第m个子元素e e：nth-childm{}
 m是乘法因子，可以是数字、英文单词、数学表达式
 2m代表偶数 2n-1代表奇数
 even偶数 odd奇数
4.选中倒数第n个子元素e e：nth-last-child（n）{}
5.选中唯一子元素e e：only-child{}
注意：child系列强调的是元素在所有的同级兄弟之间的排列顺序[种类不限]
type系列：写法只是将child改成of-type 他强调元素在所有同类型兄弟之间的排列顺序

3.状态伪类选择器

e:disabled{}选中不可用的e元素
e：enabled{}选中可用的元素
input：checked{}选中被选中的元素

4.动态伪类选择器

未激活的链接 ：link
激活的链接  ：active
已经访问的链接 ：visited

5.否定伪类选择器

e：not（f）选中e元素中，除去f的元素

6.目标伪类选择器

e：target{}选中为目标区域的元素e

盒子模型的两种模型：标准模式和怪异模式

概念：其实只是盒子模型中的不同模式而已
	元素实际占据的宽高的计算方式不一样
怪异模式计算：元素实际占据的宽度 width+margin
标准模式计算：元素实际占据的宽度 width+margin+padding+border
语法：box-sizing：border-box ｜ content-box
	border-box 就是怪异模式，content-box 就是标准模式