学了俩天HTLM5和几天的CSS就开始练习写网页 ,那叫一个心酸 写第一个网页的时候 在块里面放6张图片及图片下面的文字 结果图片大了超出了块的范围,后来才知道把图片的宽给设置成1/6, 在一张大图力有许多小图 当时用了大的div套小的div 差点把自己给套晕了 后来才知道可以用定位 后来又写了两个网页总结了一点小经验
1·一个大的div里面有许多小块时,不用大块里面套小块,再套小块 可以直接定义多个小块,方法1 用绝对定位的方法解决
方法2 相对定位解决(视情况而定 有些时候用此方法不好解决)
方法3 用列表的方法 再用浮动也可到达效果
2·a标签 p标签 h标签 等都可以用定义的方式 方便在CSS中快速的添加样式
3·a标签 p标签 h标签等可转换成块元素后设置宽高等属性
4·行内元素在浮动后会转换成块元素
5·margin外边距和padding内边距的效果不同 。margin可以使元素的位置移动 padding则可以使元素容器的大小
6·div中内容垂直居中的方法目前有两种 一是padding内边距
二是line-hight行高法
7·背景图片和插入图片的区别 在一个块里设置背景图片填满 块里面还可以添加div 添加图片(各种图标 a标签等)
如果插入了图片那么 块里面就不能可以添加div 添加图片 会被遮挡 达不到预期的效果