昨日日记https://blog.csdn.net/P_xuebuhui/article/details/106555882
before
在元素前面插入内容元素:before{ content:" "}
after
在元素后面插入内容元素:after{ content:" "}
无需插入内容元素.nocontent:before{ content:none:}
插入图片元素:before{ content:url(1.gif):}
标题前加连续编号元素:before{ content:counter(计数器):} 元素{counter-increment:content属性值中所指定的计数器名称}
指定编号的种类元素:before{ content:counter(计数器,编号种类):}
大写字母编号upper-alpha 大写罗马字母upper-roman
属性重置编号元素{counter-reset:计数器名称}
中编号中嵌入大编号元素:before{content:counter(计数器)'-'counter(计数器)}
字符串两边嵌套文字符号元素:before{content:open-quote;} 元素:after{content:close-quote;} 元素{quote:"("")"}
文字阴影
text-shadow:length length length color
第一个length表示阴影离开文字的横方向距离
第二个length表示阴影离开文字的纵方向距离
第三个length表示的是阴影模糊半径
color表示的是阴影的颜色
自动换行div{word-break:keep-all}
keep-all 只能在半角空格或连字符处理换行
break-all允许在单词内换行
对于长单词和URL地址 元素{word-wrap:break-word}可以使其在内部进行换行
显示服务端字体@font-face{ font-family:webfont; src:url(XXX.otf) } 元素{ font-family:webfont; }
本地字体@font-face{ font-family:Arial src:url('Arial') } 元素{ font-family:Arial; }
小型的大写字母元素{font-variant:small-caps;}
font-weight
设置文本的粗细
bold使用粗体
bolder使用更粗的字体
lighter使用跟细的字体
font-stretch
设置文本是否横向的拉伸变形
盒模型
基本的盒模型为block和inline
inline-block类型
属于block盒的一种，但是在显示时具有inline类型盒的特点
inline-table类型
使表格前后都有文字围绕
iist-item类型
将多个元素作为列表显示，同时在元素的开头加上列表的标记
run-in类型与compact类型
CSS3中与表格相关的元素及其所属类型表
overflow
指定对盒中容纳不下的内容的显示办法
box-shadowbox-shadow:length length length color
第一个length表示阴影离开文字的横方向距离
第二个length表示阴影离开文字的纵方向距离
第三个length表示的是阴影模糊半径
color表示的是阴影的颜色
box-sizing