DIV+CSS页面公共区域样式问题?

html-css03

DIV+CSS页面公共区域样式问题?,第1张

对于Body基本来讲我基本会设置如下属性

body

{margin:0

padding:0

font-family:Microsoft

Simhei,

"宋体"

font-size:12px

color:#303030

background:#e5e5e5

text-align:center}

简单的介绍一下

margin:0

-----------

表示外距为0

padding:0

---------

表示内距为0

font-family:Microsoft

Simhei,

"宋体"

---------

表示英文和中文的默认字体

font-size:12px

----------表示默认字体大小为标准字12px

color:#303030

---------

表示默认字体颜色为#303030

background:#e5e5e5

------

表示默认背景色

text-align:center

---------

表示默认内容居中

常用的

取消body和ul的margin和padding,设置list-stylle:none,设置整个页面的font-size和font-family,设置a标签的样式,这些是针对标签的。

还有你可以自定义的类例如,清除浮动,左浮动,右浮动什么的都可以写在公共部分

使用css样式表的好处有:

1、使用较少的代码,来实现更多的功能;

2、使用属性继承方法,可以轻松地维护相同标记的不同样式;

3、代码比率更高的内容;

4、页面加载变得很快;

5、定义风格的灵活性。

知识补充:

CSS全称Cascading Style Sheet,表示层叠样式表。CSS用于改进HTML标记内容的呈现。使用CSS我们可以基于媒体定义不同的内容显示方式。

CSS的优点:

一、CSS的代码更少

在公共样式类中可以定义具有值的属性,并且能在不同位置使用相同的类,因此可以使用较少的代码,来实现更多的功能。更少的代码意味着更少的带宽消耗并且易于维护内容。

二、易于维护

当在全局或共同的地方定义样式时,任何变化都变得容易操作。例如,在网站中,使用特定的样式属性显示产品的所有名称。现在,可以通过在外部样式表中更改产品名称的样式类,可以在整个站点中更改样式。可以保留多个样式表并根据需要使用它们。使用属性继承方法,可以轻松地维护相同标记的不同样式。

三、代码(标签)比率更高的内容

可以通过使用CSS在页面中实现更高的代码比例内容,因为可以将样式声明转换为外部文件。这对搜索引擎的观点很重要。可以向蜘蛛提供较少的标签(样式标签)和更多内容以进行索引。

四、下载页面

当浏览器缓存样式表页面时,页面加载变得很快。每次使用相同CSS的同一站点的不同页面时,都不会从服务器加载样式类。

五、定义风格的灵活性

名称级联表示可以使用多种样式,并且优先考虑本地样式。可以覆盖声明的全局样式,并将样式本地分配给标记。