“网页设计与开发：2020工作手册”的版本间的差异

2020年11月17日 (二) 01:54的版本

项目的创建

通过Huilder 新建项目 -》基本项目 -》 创建带有基本结构的网页目录

• index.html
• css
• html
• js

盒子布局

新建头、身、尾三个盒子

在大盒子中水平/竖直嵌套更小的盒子，如此往复。

父盒子大小：auto

当子盒子高度确定时，为了调试方便，可将父盒子高度设为auto.

 height:auto;

盒子的边距

盒子排布好之后，可通过margin-* 设置边距

颜色取色

Ctrl+ALt +A(S)

图片

不同时设置宽高

往往容器的大小和位置是在页面布局时就已经确定好的，后续一般不会随意改变，建议在上传图片时事先将图片剪切来匹配容器大小，或者在引用图片时调整图片的样式大小为容器的100%，同时对图片设置display:block属性。

父盒子高度设为auto

盒子居中

盒子文字如何竖直居中

盒子百分比 相对于谁的百分比

取色