1.3CSS知识
  由于HTML语言的网页排版功能十分有限(例如不能精确定位网页元素等)并且网页视觉效果难以令人满意,因此,产生了CSS技术,作为HTML的补充。应用CSS技术,可以使网页达到很好的视觉效果。脱离了HTML,CSS就失去了意义。因为从根本上CSS就是对HTML技术的补充。
  CSS是Cascading Style Sheet(层叠样式表,级联样式表)的缩写。它允许作者在HTML文档中加入字体、颜色、定位属性等样式。CSS定义了一组样式,样式中的属性在HTML中依次出现,并将控制结果显示在浏览器中。
  CSS最主要的目的是将文件的结构(用HTML或其它相关的语言写的)与文件的显示(CSS)分隔开来。这个分隔有许多好处:文件的可读性被加强、文件的结构更加灵活,作者和读者可以自己决定文件的显示,文件的结构简化了。CSS还可以使用其它的显示方式,比如声音(假如浏览器有阅读功能的话)或给盲人用的感受装置。此外CSS还可以与XHTML、XML或其它结构文件一起使用,唯一条件是显示这种文件的浏览器装备了接受CSS的功能。

属性

功能

说明

{font-family:gill,Verdana}

字体

如果字体名含有空格,要将字体名加上双引号;已经在双引号里的要降级为单引号。

{font-style: italic}

字体

italic或oblique为斜体;normal为正常体。

{font-weight: normal}

字粗细

值为lighter,normal,bold,bolder等,逐渐加粗;值也可以为100,200,300等。

{font-size:12px}

字大小

单位有px、ex、em等。

{color: red}

颜色

值为 ⑴red、yellow、blue形式;
⑵rgb(255,23,100)形式;
⑶#rrggbb形式。

{background-color: red}

背景颜色

值同上。值为transparent时,为透明。

{background-image: none}

背景图

值为none,无背景图;值为url(图像文件的url),指定背景图。

{text-decoration: none}

特殊字体

值为none,无特殊;line-through,删除线;underline,下划线;overline,上划线;blink,闪烁等。

{text-align: left}

文字对齐

值为left、right、center、justify等。

{list-style-type: disc}

列表符样式

值为disc(●)、circle(○)、square(■)、decimal(1,2,3)、lower-roman(i,ii,iii)、upper-roman、lower-alpha、none等。

{border-style: solid}

边框样式

值为none(无)、dotted(点虚线)、dash(短线虚线)、solid(实线)、double(双线)、groove(3d沟槽状)、ridge(3d脊状)、inset(3d内嵌)、outset(3d外嵌)等。

{border-color:red}

边框颜色

值为 ⑴red、yellow、blue形式;
⑵rgb(255,23,100)形式;
⑶#rrggbb形式。