CSS 学习笔记【文档已保护,解除保护密码是(均为小写):css】
CSS 样式剖析
1. CSS 简介:
CSS-- Cascading Style Sheets,层叠式样式表。该技术始于 1996 年,1998 年 5 月,
level2(水平) 成为了 W3C 的新标准。CSS 扩展了 HTML 的功能,CSS 与 HTML、脚本
相结合,可以更加有效的实现对网页元素的布局、排版和显示效果的控制。
2. CSS 特点:
(1)标识语言,纯文本,可以使用各种文本编辑器编写; (Dreamweaver 是首选)
(2)CSS 可以灵活的方式与 HTML 和脚本相结合;
(3)易用性、高效率、一致性、可靠性、可维护性、可移植性;
(3)CSS 文件扩展名:css;
(5)CSS 文件亦需在 Web 浏览器上解释执行;(运行环境)
(6)具有跨平台性。
3. CSS 语法规则: (selector) 选择器
(1)tag {property:value;...} //标签,属性:值
(2)tag.Classname {property:value;...} //Class-selector,关联选择符
(3).Classmate {property:value;...} //Class-selector,独立选择符
(4)tag#IDname {property:value;...} //ID-selector,关联选择符
(5)#IDname {property:value;...} //ID-selector,独立选择符
(6)归类规则:
h1,p{font-family:"黑体"}
(7)继承规则:
<b>b 标签设定的样式<i>i 标签内的元素将予以继承</i></b>
(8)情景选择规则:
格式:情景标签 标识符{属性:值;...}
例:
<html>
<head>
<title>带情景选择的样式表实例</title>
</head>
<style type="text/css">
p i{font-size:30pt;color:red}
</style>
<body bgcolor=lightblue>
<center>
<h1>这是一个<i>样式表</i>实例</h1>
<p>这是一个<i>样式表</i>实例</p>
</center>
</body>
</html>
1
评论0
最新资源