感悟

学了俩天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 添加图片 会被遮挡 达不到预期的效果

                 

 

posted @ 2017-04-23 23:58  泉有  阅读(124)  评论(0编辑  收藏  举报