CSS语言的学习.docVIP

CSS语言的学习 　 CSS是CAscading Style Sheet的简称，常译为“级联样式表”或“层叠格式页”等。CSS是HTML技术的发展，属于DHTML（动态HTML）的重要内容，用于控制HTML标记的显示格式。CSS进一步扩展了HTML的格式设置机制，在允许设置标记更多属性的同时，还允许为全局HTML标记设置属性，通过CSS技术，可以很方便地让整个网站具有统一的风格。使用CSS控制格式有两种使用方法：在线格式和全局格式。在线格式控制单独的某一个标记的格式，而全局格式控制所有相同标记的格式，下面分别进行介绍。 一、CSS的在线格式 CSS的在线格式用于控制单独的某一个标记的格式，具体的方法是在该标记中使用style参数，例如： “p syle=color:red;font-family:Arial尤爱网页培训/p” CSS在线格式的使用方法就是TAG style=style:value，其中TAG是一个HTML标记，style是一个CSS属性，value是该属性的值。如果同时指定标记多个属性值，中间用分号间隔。 二、CSS的全局格式 使用CSS的全局格式能够控制网页中所有的相同标记的格式，例如，让所有的段标记括住的内容都缩进20%并显示为红色，让所有表格单元中的文字大小都为12px等。CSS全局格式的使用方法是在网页的HEAD区添加style……/style标记，然后在其中指定某个标记的格式，例如： style p? {text-indent:20%;color:red} td {font-size:12px} /style 另外，在style……/style标记内可以定义一些格式名称，然后在标记中引用，例如，如果有如下的定义（请注意格式名称之前有个点号）： style .redtext? {color:red} /style 就可以在标记中通过使用“class=stylename”的方式引用该名称定义的格式，例如“p class=redtext”、“h1 class=redtext”等。 三、CSS格式的作用域 CSS的作用域规则是：如果在线格式与全局格式定义了对同一个属性设置了值，该属性以在线格式为准；如果两者定义不相冲突，则实际格式是两者的“叠加”。 01 字体控制 CSS常用的字体控制属性有：font-family，设置字体，例如Arial，font-size，字体大小，单位可以是pt（点）、px（像素）等；font-style为是否倾斜，可以取值normal或italic；font-weight为是否加粗，可以取值lighter、normal、bold和bolder。例如：h1 style=font-family:宋体;font-style:italic……/hqp style=font-size:12px;color:red……/p 02 背景设置 其属性有两个：background-color为设置背景颜色；background-image为设置背景图片。如：body style=background-image:url(images\background.gif)……/bodytable style=background-color:black……/table。 03 文本格式 常用的CSS文本控制属性有三个：text-align为文本对齐方式，常取值left、right或center；text-indent为文本缩进量，可以是宽度百分比或者数值；text-decoration为特殊式样，可取值none（无）、underline（下划线）、overline（上划线）或throughline（删除线）。如：p style=text-indent:25%;text-decoration:underline……/ph1 style=text-align:center……/h1。 04 指针形状 CSS允许通过cursor属性设置鼠标的形状，可选的形状有default（通常默认是箭头）、text（文本光标，通常是Ⅰ形）、hand（手形）、crosshair（十字）、move（四向箭头）、help（帮助光标）、wait（等待光标）等。例如：p style=cursor:crosshair……/ptr style=cursor:hand……/tr。 05 显示属性 CSS还允许通过display属性或visibility属性，控制一个HTML元素是否在屏幕上显示出来。display属性可以取值block（显示）、none（不显示）；visibility可以取值visible（可见）或hidden（不可见）。例如：table style=visibility:hidden……/tableta