CSS杂记.txt

实用工具: https://www.cnblogs.com/yaolaoer/p/18850501

CSS 杂记

1. 只有块级元素可以设置宽高
2. 行内元素的宽高默认由它的内容决定,无法设置宽高
3. 行内元素浮动后就可以设施宽度,高度
4. 元素浮动后仍旧遵循父元素的宽度,位置,外边距等边界限制,高度上可以不受到限制,高度上可以超过父元素的高度
5. 所有元素都浮动后,父元素的高度会变为0
6. 浮动元素不会遮挡后方元素的文字
7. CSS权重 (a,b,c) 
8. 当发生外边距合并的时候可以改用内边距或者给一个元素加上宽度不为0 的边框
9. 块级元素使用 margin: 0 auto, 就可以实现在父元素水平居中
10. 行内块元素需要在父元素中text-align: center 才能居中
11. 行内元素不能设置margin-top, margin-bottom 设置了也不生效
12. 行内元素可以设置padding-top, padding-bottom 但是设置了会和上下的元素重叠
13. 清理元素默认样式 : https://necolas.github.io/normalize.css/ , 还是用reset.css 比较好
14. 下面的代码会导致ul和ol签名的标签(就是数字, 方块,点之类的标签)显示不出来
    1. 　　

               * {
                   box-sizing: border-box;
                   margin: 0;
                   padding: 0;
               }

        

图片网址:

https://heroicons.com/

https://www.iconfont.cn/