5.2.2CSS样式表.pptx

文档介绍：观察比较:网页1:?CSS:CascadingStyleSheet层叠样式表,是用来描述网页中元素外观的一组代码。如何描述网页元素的外观?【自主学****超链接标签文字段落标签图片标签文字标题标签Body应用区Head定义区一、嵌入式样式表字号字的颜色字型下划线标签字体应用方式:不需定义直接起作用。作用范围:只限于本标签内部。【合作探究】,<P>标签中并观察效果。样式定义如下:style="font-family:楷体_GB2312;font-size:20pt;color:blue;"请同学们在body区内写入正确的代码。标签段落思考:,该如何操作?内联式样式表内联式样式表优越性在哪?若有三段或更多段落的文字该如何操作?嵌入式样式表二、内联式样式表嵌入式样式表局限于某个标签,如果希望本网页内的所有同类标签都采用统一样式,这时应采用内联式样式表。应用方式:在body区,要在应用样式的文字头和尾加上样式组名即可。内联式样式表书写格式原则:先定义,后应用。【合作探究】<p>段落标签嵌入式样式改为内联式样式。将以下代码复制在head区合适的位置,浏览并观察效果。代码如下:<styletype="text/css"><!--p{font-family:楷体_GB2312;font-size:12pt;color:red;}--></style>思考:若将整个网站设置相同的风格页面,该如何操作?是否在每个页面head区中都添加样式表?