1.content属性
h2:before{
content:"Title";
content:url(1.gif);
content:counter(计数器);
}
2.计数器
创建计数器
元素{
counter-increment:计数器名称
}
使用计数器 counter(计数器);
3.字体 font-face
1)显示服务器端的字体
@font-face{
font-family:webFont;
src:url('font/字体名称.otf')format("opentype");
}
font-family属性值中使用webfont(固定值)来声明使用的是服务器端字体。
2)显示客户端本地的字体
@font-face{
font-family:Arial;
src:local('Arial');
}
4.盒模型
inline-block类型
inline-table类型
list-item类型
tr table-row代表表格中的一行
td table-cell代表表格中的单元格
th table-cell代表但单元格中的列标题
tbody table-row-group代表表格中行的所有行
thead table-header-group代表表格中的表头部分
tfoot table-footer-group代表表格中的脚注部分
col table-columm代表表格中的一列
colgroup table-column-group代表表格中的所有列
caption table-caption代表整个表格的标题
5.Media Queries
@media 设备类型 and (设备特征){样式代码}