2019-03-05 CSS笔记

css文件的四种连接方式

内联style属性
style标签
外部文件 css link
@import url(./b.css);

如果要把一个东西并排那么就加float,但是加上float就一定会有bug,clearfix清理bug
(1.给所有的子元素添加好float: left;
2.给所有子元素的爸爸添加好clearfix的类👇)

.clearfix::after{

    content: '';

    display: block;

    clear: both;

}

前端很重要的细节是:
1.会使用截图工具量px
2.会用命令行工具
3.使用浏览器中computed工具

高度与文档流

块级元素的高度由什么决定的?

div 高度 由其内部文档流元素 的高度 总和决定
文档流:内联元素的流动方向(从左往右),块级元素从上往下(.每一个块级元素都会另起一行)

position:fixed;可以脱离文档流
内联元素的高度和字体格式有关,高度不可控.除非强制设置高度line hight=100
内联元素span从左往右流动,若浏览器宽度不够则另起一行继续
块级元素div会占一行

line-height 的值是多少像素，那么 span 所占的高度就是多少。

写css避免用width和height,一旦变需求处处都是bug