在一开始的学习过程中需要注意到的一些小细节以及笔记

257 阅读1分钟

1.在天猫网页的学习过程中,为了使顶部图片无缝隙顶头,应该在第一句使用通配符*设置内外边距为0。

2.外部样式<link rel="sylesheet"href="">写在头文件里,引入的文件如果是与该文件同级则./如果是同级之下则../

3.使字体垂直居中采取line-height行高:(与元素高度相等)px;当行高等于元素高度时,文本是垂直居中的。

4.height:100% 继承父元素的宽度。浮动时不会发生塌陷。

5.图片为行级块元素(自带间距),为使其居中展示可以采用:text-align:center(间距不消),或者使其变成块元素:display:block;然后水平居中用:margin: 0 auto;(间距无)

6.设置边框时 要写出宽度 !样式! 还有颜色。

7.要使

  • 中的样式不出现任何装饰:list-style:none;使a标签没有下划线:text-decoration:none;

    8.写body内容时要注意嵌套关系还有父子关系后代关系,要注意缩进问题。采用页面分块的方法设置父子关系。

    9.消除搜索框还有按钮之间的间隔可以使他们同时浮动(向左),避免使用取消换行的方式。

    10.要记得设置高度宽度。

    11.在图片挡住其他内容或者使占据整行空间时,可以:position:absolute;绝对定位:定位后空间会释放,相对于最近的已定位的祖先元素进行定位,如果祖先元素都没有定位的话,就相对于body进行定位.