课程主题 认识 CSS-网页客户端技术 课程-1728977894523.pptx

;认识CSS选择器;样式可以写在单个的HTML元素中，即内联样式，或在HTML页的头元素中，即内部样式，或在一个外部的CSS文件中，即外部样式。

;（1）内联样式;（2）内部样式表;（3）外部样式表;CSS层叠次序;由前文中的示例可见，内联样式写在标签的style属性中，只需定义属性及属性值。对于内部样式和外部样式，CSS语法是相同的，描述如图所示：;如果属性的值由多个单词组成，并且单词间有空格，那么必须给值加上引号。例如：

p{font-family:”CourierNew”}

为了提高代码的可读性，CSS代码也可以分行写。例如：

P{

text-align:center;

color:red;

font-family:Calibri

};小实例–给网页添加背景图;使用内部样式的代码：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title使用CSS三种方法为网页设置背景图片/title

styletype=text/css

body{background-image:url(images/背景.jpg)}

/style

/head

body

/body

/html;;

CSS也是一种标记语言，也需要通过浏览器解释执行，也可用任何文本编辑器编写；

CSS是指层叠样式表（Cascading?Style?Sheets），简称样式表；

CSS实现了网页内容与样式分离；

CSS的特性：继承性、层叠性；

CSS样式可以写在单个的HTML元素中，即内联样式，或在HTML页的头元素中，即内部样式，或在一个外部的CSS文件中，即外部样式。

;CSS语法的简洁格式，是selector{property:value}，即：选择器{属性：值}。要对谁设置CSS的属性值，由选择器决定了。选择器可以是HTML标签、id属性值、class属性值等。熟练掌握CSS选择器对网页设计是至关重要的，因此，本任务将系统地介绍各种选择器及其使用。;