发表于： 2019-02-07 23:22:11
1 851
一、今天完成的事情：
（一）完成任务一的1-21
sublime text 输入 html + tab 自动生成一个HTML文件结构。
head中设置字符集为UTF-8，加入style，用于存放CSS。
设置正方形尺寸：宽度用30vw (viewport width) 即视口宽度的30%。高度和宽度相同，也用30vw。
设置方块的float：只要尺寸满足三个方块正好在一行，设置成向左浮动即可。
（二）整理HTML和CSS相关知识
1. <!DOCTYPE>
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
它是指示 web 浏览器关于【页面使用哪个 HTML 版本进行编写】的指令。
2. BOX MODEL 盒子模型
就用现实中的盒子来理解。
border就是盒子，content和padding是盒子里面的东西
margin是盒子之间的距离
二、明天计划的事情：
配置nginx
做任务一深度思考
三、遇到的问题：
我用<p>做方块，效果没错，但总觉得<p>用在这里很奇怪。可能改成div更好。
对于HTML的“语义”不是很理解，语义化的意思是不是在正确的地方用正确的标签？
四、收获：
正方形宽高的设置，宽度可以用百分比，但是这样的话，高度如何与宽度保持一致？
宽高用vw比百分比更好。
返回列表
评论