css样式的属性。

html-css022

css样式的属性。,第1张

一、字体属性

与字体有关的属性包括：font-family,font-style,font-variant,font-weight,

font-size,font。执行顺序是：font-style,font-variant,font-weight,font-size

1、font-family:如果字体的名称中含有空格，那么要加上双引号。

2、font-style:normal|italic|oblique

3、font-variant:normal|small-caps

4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

normal相当于400，bold相当于700

5、font-size:absolute-size|relative-size|length|percentage

absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large

relative-size:larger|smaller

6、font:font-style|font-variant|font-weight|font-size|line-height|font-family

font属性可以一次定义前边提到的所有的字体属性。

二、颜色和背景属性

1、color:一般指前景色。

2、background-color:背景色。

3、background-image:

body{background-image:url(marble.jpg)}

4、background-repeat:repeat|repeat-x|repeat-y|no-repeat

body{background-image:url(marble.jpg)background-repeat:repeat-y}

5、background-attachment:scroll|fixed

　设置文字在背景图案上面滚动，背景图案保持固定不动用fixed.

6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right

7、background:background-color|background-image|background-repeat|background-attachment|background-position

可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)}

三、文本属性

1、word-spacing:normal|length

2、letter-spacing:normal|length

3、text-decoration:none|underline|overline|line-through|blink

4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage

这个属性用来对齐图片效果特别好。如image{vertical-align:baseline}

5、text-transform:capitalize|uppercase|lowercase|none

capitalize:每个单词的第一个字母大写。

uppercase:所有字都大写。

lowercase:所有字都小写。

6、text-align:left|right|center|justify

7、text-indent:length|percentage

适用于块级元素，定义文本首行的缩进方式。如p{text-indent:1cm}

8、line-height:normal|number|length|percentage

四、容器属性

1、margin-top:length|percentage|auto

如body{margin-top:0}

2、margin-right:同上

3、margin-bottom:同上

4、margin-left:同上

5、margin:length|percentage|auto {1,4}

前四个属性都可以用margin来定义。如果给出的值少于四个，那么缺失的部分就取其对边的值。

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

它的作用可以达到：

（1）在几乎所有的浏览器上都可以使用。

（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

（4）你可以轻松地控制页面的布局 。

（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。

很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。

说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。

CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。

式样单放在页面中，通过浏览器的解释执行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。生殖对一些非常老的浏览器，页不会产生页面混乱的现象。

css是层叠样式表。

层叠样式表，(英文全称：Cascading Style Sheets)，是一种用来表现HTML（标准通用标记语言的一个应用），或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以html为后缀名进行保存即可。

CSS，不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

工作原理：

CSS是一种定义样式结构，如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式，从而实现级联效果。

以上内容参考：百度百科-CSS