网站设计与建设Website

designanddevelopments第12章层叠式样式表CSS第三部分网站设计技术CSS是CascadingStyleSheets(层叠样式表单)表现与内容分离HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout).
创建层叠样式表的四种方法,15.
1.
样式表是放置在网页HEAD部分的格式指令的集合和分别被浏览器识别为CSS的开始和结束,通过改变样式表可以改变网站的外观使用样式可以做出影响HTML多个元素的改变,或者对整个文档进行样式的改变,也可以周期性地改变样式.

使用CSS的一个简单实例.
15.
2层叠样式表CSS层叠样式表(CascadingStylesheet)指的是在一个单一的文件中使用多个样式定义.
一个样式表文件可以链接到网站的每一个文档,因此可以控制整个网站的外观.
术语Cascading(层叠)指的是继承或者在链接的、导入的、内嵌的以及内联样式之间的等级关系.
优先级在任何一个链接的文档中的样式定义会覆盖链接的样式表.

12.
3CSS基本语法CSS的描述部分是由三部分组成的,分别是选择器、属性和属性值:选择器(selector){属性(Property):属性值(Value);}12.
4CSS定义和使用方式定义和使用样式的4种方法:外部样式表文件链接导入样式信息内部样式表内嵌样式内部样式表使用CSS的一个简单实例.
内部样式表是写在HTML的里面的,只对所在的网页有效.
使用内部样式表可能是使用样式最简单的方法.
使用标记符在HTML文档的head部分放置信息.
样式信息包含在注释标记符"中内嵌样式内嵌样式是混合在HTML标记里使用的,用这种方法,可以很简单的对某个元素单独定义样式,只对所在的Tag有效.
内嵌样式的使用是直接在HTML标记里加入style参数,而style参数的内容就是CSS的属性和值只适合用于偶然的样式改变.
最优先CSS的一个简单实例使用CSS的一个简单实例.
这是一个使用CSS修饰文字的简单实例在style参数后面的引号里的内容相当于在样式表大括号里的内容.
注意:style参数可以应用于任意BODY内的元素(包括BODY本身).
使用内嵌样式的好处是可以在一个单一标记符中指定一个属性集合,但只适合用于偶然的样式改变.

外部文件*.
css链入导入链接来自一个样式表CSS的一个简单实例计算机科学与技术学院这是一个使用CSS修饰文字的简单实例一个CSS文件链接来自一个样式表(续)sample-1505.
css导入样式信息:仅适于IECSS的一个简单实例@importurl("sample-1505.
css");h1{color:red}计算机科学与技术学院这是一个使用CSS修饰文字的简单实例山东大学class和id用法如果不希望标记的所有样式都被修改需要用到两个标记属性:class和id.
id选择器可以为标有特定id的HTML元素指定特定的样式.
指定h1.
title{font-weight:bolder;text-align:center;}h1#navigator{font-size:14px;text-align:left;}演示CSS这是页面最上端的标题这是页面左侧标题,用来导航这是页面新闻的标题CSS内联样式@importurl("sample-1505.
css");h1{color:red};.
mycolor{color:green;font-family:幼圆}计算机科学与技术学院span用CSS内联样式未使用内联样式山东大学使用自己定义的绿色层叠性就是继承性,样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素当样式表继承遇到冲突时,总是以最后定义的样式为准.
样式(Styles)的优先级依次是内嵌样式、内部样式、外部样式、浏览器缺省.