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
