CSS3-other

2019独角兽企业重金招聘Python工程师标准>>>

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 （设备特征）{样式代码}
 

转载于:https://my.oschina.net/dajianguo/blog/915777