一. 运行在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默认收缩的,要给宽度。