1CSS与文档
层叠样式表(Cascading Style Sheet,CSS)的功能十分强大,可以影响一个或一组文档的表现。
为什么结构化对HTML来说很重要:1.非结构化页面使得建立内容索引极为困难。2.缺乏结构性会降低可访问性。3.高级页面表现只能应用于某种文档结构。4.结构化标记更易于维护。
CSS易于使用,可在多个页面上使用样式,规定了冲突规则(cascede,叠层),缩减文件大小。
HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言。
元素(element)是文档结构的基础。在CSS中,每个元素生成一个框(box,也称为盒),其中包含元素的内容。元素可以分为替换元素和非替换元素。替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示(即空元素)。非替换元素(nonreplaced element)的内容由用户代理(通常是一个浏览器)在元素本身生成的框中显示(即非空元素)。
元素的显示角色可以分为块级(block-level)元素和行内(inline-level)元素。块级元素生成一个元素框。列表项是块级元素的一个特例,除了表现方式和其他块级元素一致,列表项还会生成一个标记符。行内元素在一个文本行内生成元素框,而不会打断这行文本。
link标记可以将包含link标记的文档与其他文档相关联。<link rel="stylesheet" type="text/css" href="sheet1.css" meida="all" />type属性描述了使用link标记加载的数据的类型。href属性是样式表的URL。rel属性还可以定义为候选样式表(alternate style sheet),只有在用户选择这个样式表时才会用于文档表现。候选样式表可以指定为同样的title值,把它们分组在一起。如果为一个rel为stylesheet的link指定了标题(title),也就指定了该样式表要作为首选样式表。如果没有为样式表指定title,那么它将作为一个永久样式表(persistent style sheet),始终用于文档的显示。通常,这正是创作人员所希望的。link必须放在head元素中,但不能放在其他元素内部。
可以用style元素包含样式表<style type="text/css">style一定要使用type属性,对于CSS文档,正确type属性值是“text/css”。开始和结束style标记之间的样式称为文档样式表(document style sheet),或嵌套样式表(embedded style sheet),因为这个样式嵌套在文档中。style可以使用@import指令包含多个外部样式表链接。
@import用于指示web浏览器加载一个外部样式表,@import只能出现在style容器中。一个文档中可以用多个@import语句,每个@import指令的样式表都会加载并使用,用@import无法指定候选样式表。可以限制所导入的样式表应用于一种或多种媒体,可以在样式表的URL之后列出要应用此样式的媒体@import url() screen;外部样式表要使用其他外部样式表的样式时,不能用link元素(外部样式表不能包含任何文档标记),但能用@import。CSS要求@import指令出现在样式表中的其他规则之前。
CSS可用/*和*/注释。
HTML的style属性可以为单个元素设置一个内联样式。除了在body外部出现的标记(如head和title),style属性可以与任何其他HTML标记关联。一个内联style属性只能放一个声明块,而不能放整个样式表。通常不推荐使用style属性。
posted on 2016-12-04 19:49 U201113877 阅读(63) 评论(0) 编辑 收藏 举报