0306

从3月开始陆续开始css的学习

边框：border-radius:圆角盒阴影box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 颜色

背景：

background-size:背景图片的尺寸

background-origin：content-box、padding-box(默认) 或 border-box 区域；

宽高包含区域

box-sizing:content-box(默认)，border-box;

border-box设置后width/height包含border/padding/content

文本效果：

text-shadow：h-shadow v-shadow blur color文本阴影；

h-shadow 水平阴影位置，v-shadow垂直阴影位置，blur模糊距离，color阴影颜色；

word-wrap:自动换行；normal/break-word

字体引入

@font-face{

font-family:myfont;

src:url(‘sanation_light.ttf’),

url(‘sansation_light.eot’);

}

阿里图标字体库多列：

column-count:规定元素应该被分隔的列数;

column-gap 属性规定列之间的间隔;