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 属性规定列之间的间隔;