欢迎来到天天文库
浏览记录
ID：21840284
大小：477.00 KB
页数：45页
时间：2018-10-25
《css的基本概念》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第2章CSS基本概念1学习目标理解CSS技术在网页制作过程中所起的重要作用，掌握CSS样式定义的方法。掌握三种在网页中使用CSS样式的方法，并对比各自的优劣。ppt中所有实例参考网页设计与制作电子教材及源代码22.1CSS的概念CSS(CascadingStyleSheet)中文译为层叠样式表，是一系列格式规则，用于控制网页内容的外观(样式)并允许将样式信息和网页内容分离的一种标记语言。HTML与CSS的关系就是“网页结构”与“表现形式”的关系3演示——样式的作用无样式层叠样式表示例4无样式示例假设现在要在网页中为所
2、有的“标题1”标记符（H1）应用“居中”对齐方式和“楷体”字体那么如果使用HTML方式解决，则必须在每次出现该标记符时使用align=“center”属性，并将标题中文字用FONT标记符括起来以设置字体，如右所示：代码：
...其他正文...
4、的组成：选择符、选择属性、定义属性值选择符{属性1:值1;属性2:值2;属性3:值3;……}选择符定义样式作用的对象。例如：H1{text-align:center;font-family:楷体_GB2312;}8样式定义的语法H1{text-align:center;font-family:黑体}选择器样式定义样式属性属性取值92.3常用Selector类型标记选择器类别选择器ID选择器虚类（伪类）集体声明嵌套声明继承性10标记选择器一个HTML页面中由很多不同的标记组成，而CSS标记选择器就是用来声明哪些标记采用
5、哪种CSS样式的。因此每一种HTML标记的名称都可以作为相应的标记选择器名称。例如：H1{text-align:center;color:red}使所有用H1标记符修饰的内容都居中和用红色显示。11演示——HTML选择器效果演示效果12效果浏览13类别选择器.类名{属性:值…}标记选择器一旦声明，那么页面中所有的相应标记都会产生变化。如果希望其中的某一个不产生变化，这时仅靠标记选择器是不够的，还要引入类别(class)选择器。它表示任何class属性为类名的标记符都采用所定义的样式。14
6、tle>class选择器.one{color:red;/*红色*/font-size:18px;/*文字大小*/}.two{color:green;/*绿色*/font-size:20px;/*文字大小*/}.three{color:cyan;/*青色*/font-size:22px;/*文字大小*/}class选择器1
7、ass="three">class选择器2
clas
8、s选择器与标记选择器1
class选择器与标记选择器2
class选择器与标记选择器3
class选择器与标记选择器5
class选择器与标记选择器6
此文档下载收益归作者所有
