CSS注意事项

后代选择器  a 空格 xxx  不光是子代,还会选到所有后代

子代选择器  a > xxx

a标签有默认样式 , 所有一般都要重写   遵循LVHA原则

a:link

a:visited

a:hover

a:activit

:focus一般跟input一起用

 

块级元素 -> 独占一行

1.默认宽度100%

2.宽高内外边距自己设置

3.p,h1~h6等文字标签里面不能放块级标签,特别是div

4.可以包含任何标签

行内元素 -> span

1.一行可以多个

2.宽高设置无效,默认宽为内容宽度

3.行内元素只能放行内元素(特例:a中不能放a , a中可以放块级元素)

行内块元素  -> img input td

1.一行可以多个,但是之间有空白间隙

2.默认宽度为本身内容宽度

3.宽高内外边距可以自己设置(块级特点)

 

css top,right,bottom,left设置为0有什么用？它和width:100%和height:100%有什么区别？

https://www.cnblogs.com/echolun/p/11353627.html

 

div块元素垂直水平居中方法总结

1.已知块级元素的宽和高，使用绝对定位+外边距设定水平垂直居中。

2、使用css3样式属性display:flex设定水平垂直居中，父元素样式属性display:flex;子元素使用margin:auto; 或者设置align-items:center ; justify-content:center;

https://www.cnblogs.com/Youngly/p/6796922.html