CSS:层叠式样式表
CSS :层叠式样式表CSS简介:
CSS-- Cascading Style Sheets,层叠式样式表。该技术始于1996年,1998年5月,level2(水平) 成为了W3C 的新标准。CSS扩展了HTML的功能,CSS与HTML、脚本相结合,可以更加有效的实现对网页元素的布局、排版和显示效果的控制。
CSS特点:
标识语言,纯文本,可以使用各种文本编辑器编写; (Dreamweaver是首选)
CSS可以灵活的方式与HTML和脚本相结合;
易用性、高效率、一致性、可靠性、可维护性、可移植性;
CSS文件扩展名:css;
CSS文件亦需在Web浏览器上解释执行;(运行环境)
具有跨平台性。
CSS语法规则: (selector) 选择器
tag {property:value;...} //标签,属性:值
tag.Classname {property:value;...}//Class-selector,关联选择符
.Classname {property:value;...}//Class-selector,独立选择符
tag#IDname {property:value;...}//ID-selector,关联选择符
#IDname {property:value;...}//ID-selector,独立选择符
归类规则: h1,p{font-family:"黑体"}
继承规则:b标签设定的样式i标签内的元素将予以继承
情景选择规则: 格式:情景标签 标识符{属性:值;...} 例:
带情景选择的样式表实例
这是一个样式表实例
这是一个样式表实例
CSS与HTML结合方式:
内联:[]
嵌入:
链接外部样式表文件:
导入外部样式表文件:
外部样式表文件: 扩展名:.css 不能包含任何HTML标签 遵循CSS语法规则
CSS应用:
[]
[]
[]
[]
优先顺序: 内联样式最高; 其它,按层次处理。