《11.CSS布局与定位》CSS笔记

一. 运行在http协议下：

 在预览页面用http协议，命令行切换到当前文件夹，执行命令npm i -g http-server安装，然后在对应的文件夹执行http-server -c -1，复制地址，即可用http协议查看正在码的html。

二. CSS注意点：

1. 元素的高度由内容决定，div的高度由其内部文档流元素的高度总和决定，文档流就是文档内元素的流动方向。

2.块元素中输入英文是不会自动换行的，需要加word-break属性，属性值可以使break-all或者其它，这样就可以断行。

3.块元素也可以变成内联元素，因为div和span的样式是浏览器给的初始样式，可以更改。

    div{ display: inline-block;}即可将div这个块元素变成内联元素。

4.chrome中默认行高是1.4倍字体大小。

5.能不写height和width就不写，因为会出现很多坑，其中有种方法是再嵌套一层div去解决。

6.脱离文档流的方式：

    a. position: fixed可以脱离文档流，这是相对屏幕左上角进行固定。

    b. 添加浮动，子元素添加浮动，父元素要添加清楚浮动clearfix。

    c. 绝对定位可以脱离文档流，父相子绝，子元素添加绝对定位，父元素添加相对定位。

7. background-position: center center; 居中

8.bg-size可以设置背景图片大小。

9. max-width 设置最大宽度，可以自适应，最好不要写死。

10. margin-left： auto   margin-right： auto 可以自动居中。

11. 内联元素不接受宽高，可设置inblock

12. float默认收缩的，要给宽度。