重庆五车科技发展有限公司

【武隆区】官网采用DIV+CSS布局规范设计建议

发布时间：2022-07-16浏览次数：1619

【武隆区】官网采用DIV+CSS布局规范设计

1、居中问题：IE通过设置text-align属性为center可以实现， margin:0 auto;可以实现ＤIV居中，但前提是DIV不能再float。

body

div id=”wrapper”/div

body

#wrapper { Width:720px; Margin:0 auto; }

2、Div之间默认是会自动换行的，如果要实现不换行就要应用float或借助绝对定位。 同级的元素尽量同时浮动或者不浮动，这样有利于控制和兼容性。

3、绝对定位问题：如果一个父Div的几个子Div要实现绝对定位，切记父Div的position属性一定要设置为relative，几个子Div的position则设置为absolute。为了实现子Div的精准定位，子Div的高度和宽度都建议明确规定像素大小。Z-index属性值为整数，属性值大的在上层。Left、right、top、bottom、四个属性控制子DIV的位置。

4、外连文件式CSS放在在网页的〈head〉与〈/head〉之间加上 一句这样的代码：〈link rel="stylesheet" href="在这里填上你的CSS文件地址（相对路径+文件名）" type="text/css"〉

5、首行缩进“text-indent”右面的缩进单位选择框中“em”指的就是字符位（1汉字）。

6、盒子模型

虚线内部是内容显示的地方，黄色的地方是算在border里面的，同时背景图片也是计算黄色区域的面积的（padding与背景图片这样经常搭配实现一些效果的）。