CSS布局注意（纯属个人总结）-白红宇

CSS布局注意（纯属个人总结）

阅读量：5161 次

发布时间：2019-06-13

本文共 713 字，大约阅读时间需要 2 分钟。

和CSS样式有关多用class，和后台数据有关多用id。

1.使用绝对定位时（偏移量如：top,left...），如果父类没有相对定位，使用绝对定位的元素是相对根元素（即<html>标签）偏移的，如果父类中有相对定位，使用绝对定位的元素是相对父标签偏移。当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节。

2.页面总体布局

3.在写页面时，一般都会初始化框架（即让其紧挨浏览器）

如： *{
    magin:0; padding:0; }

4.模块之间一般间隔 10px-20px 比较美观。

5.清除浮动的两种方法：一是 clear属性(一般用于紧邻后面的元素的清除浮动)，二是同时设定:overflow:hidden;width:100%;

6.要实现页面自动居中，当设置margin属性为auto（左右为auto即可，上下无要求）的时候，不能再设置浮动或绝对定位属性。

margin:0 auto;

7.盒子模型第一层到第五层顺序：

border、content+padding、background-image、background-color、margin。

8.常用浅灰色：#8E8E8E;

转载于:https://www.cnblogs.com/sky230/p/5432804.html

你可能感兴趣的文章

60分钟内从零起步驾驭Hive实战学习笔记（Ubuntu里安装mysql）