一般来说,css注重的就是代码简洁,尽量缩短,代码过长,会影响加载速度。而且层级嵌套太多,对于其他人员可读性太差 。
写样式,最好不要超过3个以上的层级,只要能找到对应的标签设置样式即可。
1、行内元素
如a、span和strong等
2、块级元素
如div、p、h1、h2、h3、h4、h5、h6、ul
3、空元素
如br、meta、hr、link、input、img
4、替换元素
如img、input、textarea、select
5、非替换元素
如p
按照显示方式分为块元素 、行内元素和行内块元素(内联元素)
典型代表,Div,h1-h6,p,ul,li
特点:
典型代表 span ,a, ,strong , em, del, ins
特点:
典型代表 input img
特点:
1.块元素转行内元素
display:inline
2.行内元素转块元素
display:block
3.块和行内元素转行内块元素
display:inline-block