《网页编程技术》PPT课件.ppt

《《网页编程技术》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：什么是CSSCSS样式和常用的selector在网页中使用CSS的方法CSS的各种属性第3章在网页中使用CSS样式第3章在网页中使用CSS样式3.1CSS简介3.2CSS样式3.3在网页中使用CSS的方法3.4CSS属性3.1CSS简介CSS（CascadingStyleSheet)——层叠样式表，它是一种格式化网页的标准方式，它通过设置CSS属性使网页元素获得各种不同效果。CSS不是一种程序设计语言，而只是一种用于网页排版的标识性语言，是对现有HTML语言功能的补充和扩展。CSS的主要功能是通过对

2、HTML选择器进行设定，来实现对网页中的字体、字号、颜色、背景、图像等其他元素的控制，使网页能够完全按照设计者的要求来显示。3.1.1CSS的特点将格式和结构分离控制页面布局制作体积更小下载更快的网页将许多网页同时更新浏览器成为更友好的界面3.1.2在网页中使用CSS的方式在标记符中直接嵌套样式信息(内嵌)HTML标记符的style属性在STYLE标记符中定义样式信息(插入)STYLE标记符样式定义链接外部样式表中的

3、样式信息(引入)LINK标记符优先级内嵌>插入>引入>浏览器缺省设置3.2CSS样式3.2.1CSS样式表组成3.2.2几种常用的selectorCSS的定义由三部分构成：选择符selector、属性property和属性值value。其基本格式如下：selector{propertyl：valuel；property2：value2；……}selector（选择符）表示需要应用样式的标签(可以是HTML的标

4、签,也可以是自己定义的标签)property表示由CSS标准定义的样式属性，value表示样式属性的值。3.2.1CSS样式表组成如:h1{font-family:宋体;font-style:italic;color:red;}3.2.2几种常用的selectorHTML标记符是最典型的selector类型，网页设计者可以为某个或某些具体的HTML元素应用样式定义。如：BODY{color：black}如果属性的值是多个单词组成的，必须在值前加上双引号。如果需要对一个selector指定多个属性时，应使用分号将所有的属性和值分开。

5、如：p{font-family:"sansserif";font-weight:bold}1．HTML标记符selector使用CSS的标记符设置CSS样式的方法,可以对HTML的同一类型的标记元素设置统一的样式;使用class类选择符和ID选择符则可以对同一类型的的标记元素设置不同的样式,以及为不同类型的标记元素设置相同的样式。class类选择符格式如下：selector.classname{property：value；……}可以使用任何名称命名类，但通常使用具体含义的名称。2．用户定义的类selector.myh1{font

6、-family:宋体;font-size:50pt;color:blue;}H2.s1{color:red}通过类定义的格式myh1