资源描述:
《css格式化网页操作指南ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、使用CSS格式化网页厦门软件职业技术学院主要内容CSS在页面风格设计中的作用用多个HTML页面调用一个CSS文件用DIV+CSS的方式来写HTML页面用CSS控制背景图片的显示方式用CSS设置滚动条的样式用CSS设置滚动条的样式理解CSSCSS的简介CSS构造CSS的简介CSS的英文名为CascadingStyleSheet,译成中文的意思为层叠样式表。样式就是格式,对于网页来说,像网页显示的文字的大小、颜色以及图片位置以及段落、列表等,都是网页显示的样式。层叠就是指当HTML文件引用多个CSS样式时,如果CSS的定义发生冲突,浏览器将依据层次的先后顺序
2、来应用样式,如果不考虑样式的优先级时,一般会遵循“最近优选原则”。CSS能将样式的定义与HTML文件内容分离。只要建立定义样式的CSS文件,并且让所有的HTML文件都来调用CSS文件所定义的样式,如果要改变HTML文件中任意部分的显示风格时,只要把CSS文件打开,更改样式就可以了。CSS构造构造样式规则样式表的每个规则都有两个主要部分:选择符(selector)和声明(declaration)。选择器决定哪些因素要受到影响,声明由一个或多个属性值对组成。基本语法:selector{属性:属性值[[;属性:属性值]…]}语法说明:selector表示希望进
3、行格式化的元素;声明部分包括在选择器后的大括号中;用“属性:属性值”描述要应用的格式化操作;声明中的多个属性值对之间必须用分号隔开。CSS构造在样式规则中添加注释在样式表规则中添加注释有助于记住复杂的样式规则的作用,应用的范围等,便于进行维护和应用。例如,下面是一个添加注释的样例。/*此标记应用在文档中*/h1{color:red;background:yellow;}注意:注释不能嵌套。定义选择符选择符决定了格式化将应用于哪些元素。最简单的选择符可以对给定类型的所有元素进行格式化,更复杂的选择符可以根据元素的class或id、上下文、状态等来应用格式化
4、规则。标签选择器(按照名称选择元素)选择要格式化的元素最常用的标准可能是元素的名称或类型。例如,可以让所有p元素显示为红色、且大小为16像素。下面的示例中除非指定其他情况,指定类型的所有元素(这里是标记p)都将被格式化。p{font-size:16px;color:red;}按照id和class选择元素如果已经在页面元素中标识了id或class属性,那么就可以在选择器定义中使用,从而对被标识的元素进行格式化。按照id和class选择元素基本语法或者语法说明可以单独使用classname和idname选择器,也可以与其他选择器标准一起使用。例如,“.news{color:red;}”会影响所有标记
6、中定义了“class="news"”类的元素,而“h1.news{color:red;}”只影响属性中定义了“class="news"”类的h1元素。类选择器Class类选择器是将相同的元素分类,在进行CSS样式的定义。在网页中允许class类选择器多次使用,定义类选择器时,需要在自定义类的名称前加点号“.”类选择器I
7、D选择器.black{color:#000000;}.green{color:green;}helloworld!helloworld!helloworld!
helloworld!