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