资源预览内容
第1页 / 共57页
第2页 / 共57页
第3页 / 共57页
第4页 / 共57页
第5页 / 共57页
第6页 / 共57页
第7页 / 共57页
第8页 / 共57页
第9页 / 共57页
第10页 / 共57页
亲,该文档总共57页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
作业中的问题作业中的问题urlurl一致资源定位器一致资源定位器urlurl普通作为哪些属性的取值?普通作为哪些属性的取值?href=“index.asphref=“index.asp src=“logo.gif src=“logo.gifurlurl的种类的种类相对相对urlurl绝对绝对urlurlurlurl格式的类型格式的类型协议名主机协议名主机ipip或域名或域名/ /文件目录文件目录/ /文件名文件名url协议的类型协议的类型p常见的常见的url协议的类型协议的类型pftppfile192.168.88.6/web/wy.gifp当在当在DW中建立网站目录后,那么网站目中建立网站目录后,那么网站目录内的文件之间建立链接就会自动采用相录内的文件之间建立链接就会自动采用相对链接的方式,相对链接以网站目录为基对链接的方式,相对链接以网站目录为基准。准。p假设没建立网站目录,假设没建立网站目录,DW那么采用那么采用file协协议方式,以磁盘根目录为基准,建立链接,议方式,以磁盘根目录为基准,建立链接,而这是我们应该防止的而这是我们应该防止的CSS概述概述CSS概述概述pCSS是是CascadingStylesSheets的缩写,中的缩写,中文译名为层叠款式表,是用于控制网页款文译名为层叠款式表,是用于控制网页款式并允许将款式信息与网页内容分别的一式并允许将款式信息与网页内容分别的一种标志性言语种标志性言语pHTML和和CSS的关系就是的关系就是“内容和内容和“方方式的关系,由式的关系,由HTML组织网页的构造和组织网页的构造和内容,而经过内容,而经过CSS来决议页面的表现方式来决议页面的表现方式为什么需求为什么需求CSSp由于由于html的主要功能是描画网页的构造,的主要功能是描画网页的构造,所以控制网页外观和表现的才干很差,所以控制网页外观和表现的才干很差,p1无法准确到像素级调整文字大小,行间无法准确到像素级调整文字大小,行间距等,距等,p2不能对多个网页元素进展一致的款式设不能对多个网页元素进展一致的款式设置,只能一个一个元素的设置。置,只能一个一个元素的设置。p学习学习CSS可实现对网页的外观和排版进展可实现对网页的外观和排版进展更灵敏的控制,使网页更美观更灵敏的控制,使网页更美观pCSS禅意花园网站,书名禅意花园网站,书名html只能对元素一个一个的设置款式只能对元素一个一个的设置款式CSS标志标志1CSS标志的正文内容标志的正文内容1CSS标志标志2CSS标志的正文内容标志的正文内容2CSS标志标志3CSS标志的正文内容标志的正文内容3CSS标志标志4CSS标志的正文内容标志的正文内容4产生的问题:代码冗余产生的问题:代码冗余假设要修正元素的款式,也要一个个的改,修正任务量大假设要修正元素的款式,也要一个个的改,修正任务量大运用运用CSS后后h2font-family:黑体黑体;color:red;CSS标志标志1CSS标志的正文内容标志的正文内容1CSS标志标志2CSS标志的正文内容标志的正文内容2CSS标志标志3CSS标志的正文内容标志的正文内容3CSS标志标志4CSS标志的正文内容标志的正文内容4没有了代码冗余没有了代码冗余假设要修正,只需修正选假设要修正,只需修正选择器中的内容就可以了择器中的内容就可以了html的弱点的弱点p而且有很多表现用而且有很多表现用html是根本无法修正的是根本无法修正的p最典型的是:最典型的是:p行距行距p以象素级修正字体大小以象素级修正字体大小p为文字设置背风光,边框等为文字设置背风光,边框等CSS的语法的语法pCSS款式表由一系列款式规那么组成,阅款式表由一系列款式规那么组成,阅读器将这些规那么运用到相应的元素上,读器将这些规那么运用到相应的元素上,下面是一条款式规那么。下面是一条款式规那么。ph1pcolor:red;pfont-size:25px;ph1color:red;font-size:25px;选择器属性值属性值声明声明CSS款式规那么的组成选择器款式规那么的组成选择器p一条一条CSS款式规那么由选择器款式规那么由选择器(selector)和声明和声明(declarations)组成。组成。p选择器是为了选中网页中某些元素的,选择器可以选择器是为了选中网页中某些元素的,选择器可以是一个标志名,表示将网页中该标志的一切元素都是一个标志名,表示将网页中该标志的一切元素都选中,也就是定义了选中,也就是定义了CSS规那么的作用对象。选择规那么的作用对象。选择器也可以是一个自定义的类名,表示将自定义的一器也可以是一个自定义的类名,表示将自定义的一类元素全部选中,为了对这一类元素进展标识,必类元素全部选中,为了对这一类元素进展标识,必需在这一类的每个元素的标志里添加一个需在这一类的每个元素的标志里添加一个html属性属性class类名类名;选择器还可以是一个自定义的;选择器还可以是一个自定义的id名,名,表示选中网页中某一个独一的元素,同样,该元素表示选中网页中某一个独一的元素,同样,该元素也必需在标志中添加一个也必需在标志中添加一个html属性属性idid名名让让CSS来识别。来识别。CSS的声明的声明p而声明那么用于定义元素款式。在上面的例而声明那么用于定义元素款式。在上面的例如中,如中,h1是选择器,介于花括号是选择器,介于花括号之间的之间的一切内容都是声明,声明又可以分为属性和一切内容都是声明,声明又可以分为属性和值,属性和值用冒号隔开。留意值,属性和值用冒号隔开。留意CSS的属的属性和值的写法与性和值的写法与html属性的区别。属性和属性的区别。属性和值可以设置多个,从而实现对同一标志声明值可以设置多个,从而实现对同一标志声明多种款式风格。假设要设置多个属性和值,多种款式风格。假设要设置多个属性和值,那么每条声明之间要用分号隔开;那么每条声明之间要用分号隔开;CSS属性值的写法属性值的写法p假设属性的某个值不是一个单词,那么值假设属性的某个值不是一个单词,那么值要用引号引起来:要用引号引起来:ppfont-family:sansserif;p假设一个属性有多个值,那么每个值之间假设一个属性有多个值,那么每个值之间要用空格隔开:要用空格隔开:amargin:6px4px3px;p要为某个属性设置多个候选值,那么每个要为某个属性设置多个候选值,那么每个值之间用逗号隔开:值之间用逗号隔开:pfont-family:TimesNewRoman,Times,serif;在在HTML中引入中引入CSS的方法的方法在在HTML中引入中引入CSS的方法的方法pHTML和和CSS是两种作用不同的言语,它是两种作用不同的言语,它们同时对一个网页产生作用,因此必需经们同时对一个网页产生作用,因此必需经过一些方法,将过一些方法,将CSS与与HTML挂接在一同,挂接在一同,才干正常任务。才干正常任务。p在在HTML中,引入中,引入CSS的方法有行内式、的方法有行内式、内嵌式、导入式和链接式内嵌式、导入式和链接式4种种行内式行内式phtml标志都有一个通用的标志都有一个通用的style属性,行内属性,行内式就是在该属性内添加式就是在该属性内添加CSS属性和值,如:属性和值,如:pp有时我们需求做测试或对个别元素设置有时我们需求做测试或对个别元素设置CSS属性时,可以运用这种方式,这种方属性时,可以运用这种方式,这种方式由于式由于CSS属性就在标志内,其作用对象属性就在标志内,其作用对象就是标志内的元素。所以不需求指定就是标志内的元素。所以不需求指定CSS的选择器,只需求书写的选择器,只需求书写CSS属性和值。但属性和值。但它没有表达出它没有表达出CSS一致设置许多元素款式一致设置许多元素款式的优势。的优势。嵌入式嵌入式p嵌入式将页面中各种元素的嵌入式将页面中各种元素的CSS款式设置集中写在款式设置集中写在和和之间,之间,标志是公用于引入嵌入式标志是公用于引入嵌入式CSS的一个的一个html标志,它只能放置在文档头部,即下面标志,它只能放置在文档头部,即下面这段代码只能放置在这段代码只能放置在html文档的文档的和和之间。之间。pph1color:red;font-size:25px;pp对于单一的网页,这种方式很方便。但是对于一个包含对于单一的网页,这种方式很方便。但是对于一个包含很多页面的网站,假设每个页面都以嵌入式的方式设置很多页面的网站,假设每个页面都以嵌入式的方式设置各自的款式,不仅费事,冗余代码多,而且网站每个页各自的款式,不仅费事,冗余代码多,而且网站每个页面的风格不好一致。因此一个网站通常都是编写一个独面的风格不好一致。因此一个网站通常都是编写一个独立的立的CSS文件,运用以下两种方式之一,引入到网站的文件,运用以下两种方式之一,引入到网站的一切一切html文档中文档中留意:可以将留意:可以将CSS款式款式规那么写在注释符内,规那么写在注释符内,不会被忽略不会被忽略链接式和导入式链接式和导入式p链接式和导入式的目的都是将一个独立的链接式和导入式的目的都是将一个独立的CSS文件引入到文件引入到HTML文件,我们在学习文件,我们在学习CSS或制造单个网页时,为了方便可采取或制造单个网页时,为了方便可采取行内式或嵌入式方法,但假设要制造网站行内式或嵌入式方法,但假设要制造网站那么主要应采用链接式方法引入那么主要应采用链接式方法引入CSS。p链接式和导入式最大的区别在于链接式运链接式和导入式最大的区别在于链接式运用用HTML的标志引入外部的标志引入外部CSS文件,而导文件,而导入式那么是用入式那么是用CSS的规那么引入外部的规那么引入外部CSS文件,因此它们的语法不同文件,因此它们的语法不同链接式和导入式的区别链接式和导入式的区别p链接式是在网页文档头部经过链接式是在网页文档头部经过link标志引入外部标志引入外部CSS文件,格式如下:文件,格式如下:pp而运用导入式,那么需求运用如下语句:而运用导入式,那么需求运用如下语句:ppimporturl(style2.css);pp此外,这两种方式的显示效果也略有不同。运此外,这两种方式的显示效果也略有不同。运用链接式时,会在装载页面主体部分之前装载用链接式时,会在装载页面主体部分之前装载CSS文件,这样显示出来的网页从一开场就是文件,这样显示出来的网页从一开场就是带有款式效果的,而运用导入式时,要在整个带有款式效果的,而运用导入式时,要在整个页面装载完之后再装载页面装载完之后再装载CSS文件,假设页面文文件,假设页面文件比较大,那么开场装载时会显示无款式的页件比较大,那么开场装载时会显示无款式的页面。从阅读者的感受来说,这是运用导入式的面。从阅读者的感受来说,这是运用导入式的一个缺陷。一个缺陷。pimport把把CSS文件的内容复制到文件的内容复制到HTML文件中,文件中,link直接向直接向CSS文件读取所定义的文件读取所定义的CSS款式款式选择器的分类重点选择器的分类重点CSS选择器的分类选择器的分类p标志选择器标志选择器p伪类选择器伪类选择器p类选择器类选择器pid选择器选择器标志选择器标志选择器p标志是元素固有的属性,标志是元素固有的属性,CSS标志选择器用来声标志选择器用来声明哪种标志采用哪种明哪种标志采用哪种CSS款式,因此,每一种款式,因此,每一种html标志的称号都可以作为相应的标志选择器标志的称号都可以作为相应的标志选择器的称号。如图的称号。如图1所示,标志选择器将拥有同一个所示,标志选择器将拥有同一个标志的一切元素全部选中。如:标志的一切元素全部选中。如:ppp/*标志选择器标志选择器*/pcolor:blue;pfont-size:18px;pp伪类选择器伪类选择器p所谓伪类就是目的志的形状。所谓伪类就是目的志的形状。p网页中的链接标志能呼应阅读者的点击。网页中的链接标志能呼应阅读者的点击。a标志标志有四种形状能描画这种呼应,分别是有四种形状能描画这种呼应,分别是a:link、a:visited、a:hover、a:active,a标志在这几种形标志在这几种形状下的款式可以经过伪类选择器来分别定义,状下的款式可以经过伪类选择器来分别定义,伪类选择器的标志和伪类之间用伪类选择器的标志和伪类之间用“:隔开。其隔开。其格式为格式为a:hovercolor:green;font-size:20px;标志名标志名属性属性值值属性属性值值声明声明声明声明伪类名伪类名经过伪类选择器制造动态超链接经过伪类选择器制造动态超链接p伪类选择器可以看成是一种特殊的标志选择器,伪类选择器可以看成是一种特殊的标志选择器,它用来选中在某种形状下的标志它用来选中在某种形状下的标志p假设分别定义假设分别定义a标志在四种不同的形状下具有不标志在四种不同的形状下具有不同的颜色,在鼠标悬停时还将添加下划线。需同的颜色,在鼠标悬停时还将添加下划线。需求留意两点:一、链接伪类选择器的书写应遵求留意两点:一、链接伪类选择器的书写应遵照照LVHA的顺序,即的顺序,即CSS代码中四个选择器出现代码中四个选择器出现的顺序应为的顺序应为a:linka:visiteda:hovera:active,假设违反这种顺序鼠标停留和激活款,假设违反这种顺序鼠标停留和激活款式就不起作用了。二、各种伪类选择器将承继式就不起作用了。二、各种伪类选择器将承继a标志选择器定义的款式。标志选择器定义的款式。类选择器类选择器p标志选择器一旦声明,那么页面中一切该标志的标志选择器一旦声明,那么页面中一切该标志的元素都会产生相应的变化。元素都会产生相应的变化。p例如当声明例如当声明标志为红色时,页面中一切的标志为红色时,页面中一切的元素都将显示为红色元素都将显示为红色p但是假设希望其中某一些但是假设希望其中某一些元素不是红色,而元素不是红色,而是蓝色,就需求将这些是蓝色,就需求将这些元素自定义为一类,元素自定义为一类,用类选择器来选中它们;或者希望不同标志的元用类选择器来选中它们;或者希望不同标志的元素运用同一款式,也可以将这些不同标志的元素素运用同一款式,也可以将这些不同标志的元素定义为同一类,如下所示的一个定义为同一类,如下所示的一个元素和一个元素和一个元素被定义为了同一类。类选择器以半角元素被定义为了同一类。类选择器以半角“.开头,且类称号的第一个字母不能为数字开头,且类称号的第一个字母不能为数字p以上定义了类别名的元素都会运用相应的类选择器以上定义了类别名的元素都会运用相应的类选择器的款式,其中第四行经过的款式,其中第四行经过onetwo将两种款将两种款式同时参与,得到红色式同时参与,得到红色20象素的大字体。第一行的象素的大字体。第一行的p元素因未定义类别名那么不受影响,仅作为对比元素因未定义类别名那么不受影响,仅作为对比时参考时参考.classcolor:green;font-size: 20px;类别选择器属性值属性值声明声明类别称号.onecolor:red;/*红色红色*/.twofont-size:20px;/*文字大小文字大小*/选择器之标志选择器选择器之标志选择器1运用第一种运用第一种class选择器款式选择器款式运用第二种运用第二种class选择器款式选择器款式同时应两种同时应两种class选择器款式选择器款式h3同样适用同样适用id选择器选择器pid选择器的运用方法与选择器的运用方法与class选择器根本一选择器根本一样,不同之处在于一个样,不同之处在于一个id选择器只能运用选择器只能运用于于html文档中的一个元素,因此其针对性文档中的一个元素,因此其针对性更强,而更强,而class选择器可以运用于多个元素。选择器可以运用于多个元素。id选择器以半角选择器以半角“#开头,且开头,且id称号的第称号的第一个字母不能为数字一个字母不能为数字ID选择器选择器#idcolor: yellow;font-size: 30px;ID选择器属性值属性值声明声明ID选择器选择器#onefont-weight:bold;/*粗体粗体*/#twofont-size:30px;/*字体大小字体大小*/color:#009900;/*颜色颜色*/ID选择器选择器1ID选择器选择器2ID选择器选择器3ID选择器选择器3p上例中,第一行运用了上例中,第一行运用了#one的款式,第二行和第三行将的款式,第二行和第三行将一个一个id选择器运用到了两个元素上,显然违反了一个选择器运用到了两个元素上,显然违反了一个id选择器只能运用在一个元素上的规定,但阅读器却也显选择器只能运用在一个元素上的规定,但阅读器却也显示了示了CSS款式风格且没有报错。虽然如此,我们在编写款式风格且没有报错。虽然如此,我们在编写CSS代码时,还是应该养成良好的编码习惯,一个代码时,还是应该养成良好的编码习惯,一个id最最多只能赋予一个多只能赋予一个html元素,由于每个元素定义的元素,由于每个元素定义的id不只不只是是CSS可以调用,可以调用,JavaScript等脚本言语也可以调用,等脚本言语也可以调用,假设一个假设一个html中有两个一样中有两个一样id属性的元素,那么将导致属性的元素,那么将导致JavaScript在查找在查找id时出错,例如函数时出错,例如函数getElementById()。第四行在阅读器中没有任何。第四行在阅读器中没有任何CSS款式风格显示,这意款式风格显示,这意味着味着ID选择器不支持像选择器不支持像class选择器那样的多风格同时运选择器那样的多风格同时运用。由于元素和用。由于元素和id是一一对应的关系,不能为一个元素是一一对应的关系,不能为一个元素指定多个指定多个id,也不能将多个元素定义为一个,也不能将多个元素定义为一个id。类似。类似id=onetwo这样的写法是完全错误的这样的写法是完全错误的类名和类名和id名的大小写名的大小写p关于类名和关于类名和id名的大小写:名的大小写:CSS大体上是大体上是不区分大小写的言语,但是对于标志实体不区分大小写的言语,但是对于标志实体的类名和的类名和id名能否区分大小写取决于标志名能否区分大小写取决于标志言语能否区分大小写,假设运用言语能否区分大小写,假设运用XHTML,那么类名和,那么类名和id名是区分大小写的,假设名是区分大小写的,假设是是HTML,那么不区分大小写,那么不区分大小写DW中对中对CSS的可视化编辑的可视化编辑新建新建CSS规那么的过程规那么的过程pDW对对CSS的建立和编辑有很好的支持,的建立和编辑有很好的支持,对对CSS的一切操作都集中在的一切操作都集中在“CSS款式款式面板中,普通我们首先要点面板中,普通我们首先要点“新建新建CSS规规那么那么来新建款式,这时会弹出如下图来新建款式,这时会弹出如下图的对话框:的对话框:CSS规那么定义面板规那么定义面板编辑编辑CSS款式也在款式也在CSS面板里面板里用用CSS修饰文本修饰文本简单简单CSS属性的运用属性的运用CSS的文本属性的文本属性pCSS中控制文本款式的属性主要有中控制文本款式的属性主要有font-属属性类和性类和text-属性类,再加上修正颜色的属性类,再加上修正颜色的color属性和行高属性和行高line-height属性。属性。DW中中这些属性的设置是放在这些属性的设置是放在CSS规那么定义面规那么定义面板的板的“类型和类型和“区块中的。区块中的。p其中其中text-indent表示首行缩进,在每段开表示首行缩进,在每段开头空两格通常是用头空两格通常是用text-indent:2em;来实来实现,现,text-decoration:none;表示去掉下划表示去掉下划线,线,line-height:150%;表示调整为表示调整为1.5倍倍行间距。行间距。文本对齐属性文本对齐属性(text-align)这个属性用来设定文本的对齐方式。有以下这个属性用来设定文本的对齐方式。有以下值:值:left(居左,缺省值居左,缺省值)right(居右居右)center(居中居中)justify(两端对齐两端对齐)例如代码如下:例如代码如下:.p2text-align:right留意:行内元素运留意:行内元素运用对齐属性无效用对齐属性无效文本修饰属性文本修饰属性(text-decoration)这个属性主要设定文本划线的属性。有以下值:这个属性主要设定文本划线的属性。有以下值:none(无,缺省值无,缺省值)underline(下划线下划线)overline(上划线上划线)line-through(当中划线当中划线)例如代码如下:例如代码如下:.p2text-decoration:underlineoverline;文本缩进属性文本缩进属性(text-indent)这个属性设定文本首行缩进。其值有以下设这个属性设定文本首行缩进。其值有以下设定方法:定方法:length(长度,可以用绝对单位长度,可以用绝对单位(cm,mm,in,pt,pc)或者相对单位或者相对单位(em,ex,px)percentage(百分比,相当于父对象宽度的百分比,相当于父对象宽度的百分比百分比)例如代码如下:例如代码如下:.p1text-indent:8mm行高属性行高属性(line-height)这个属性设定每行之间的间隔。其值有以下这个属性设定每行之间的间隔。其值有以下设定方法:设定方法:normal(缺省值缺省值)length(长度,可以用绝对单位长度,可以用绝对单位(cm,mm,in,pt,pc)或者相对单位或者相对单位(em,ex,px)percentage(百分比,相当于父对象高度的百分比,相当于父对象高度的百分比百分比)例如代码如下:例如代码如下:.p1line-height:1cm颜色属性颜色属性(color)用颜色属性用颜色属性(color)可以改动文本的字体颜可以改动文本的字体颜色。例如代码如下:色。例如代码如下:.p1color:gray字间距属性字间距属性(letter-spacing)这个属性用来设定字符之间的间隔。这个属性用来设定字符之间的间隔。normal(缺省值缺省值)length(长度,可以用绝对单位长度,可以用绝对单位(cm,mm,in,pt,pc)或者相对单位或者相对单位(em,ex,px)例如代码如下:例如代码如下:.p1letter-spacing:3mmCSS的层叠性的层叠性pCSS具有两个特性:层叠性和承继性。具有两个特性:层叠性和承继性。p层叠性是指当有多个选择器都作用于同一层叠性是指当有多个选择器都作用于同一元素时,元素时,CSS怎样处置?怎样处置?CSS的处置原那的处置原那么是:么是:p1假设多个选择器定义的规那么不发生假设多个选择器定义的规那么不发生冲突,那么元素将运用一切选择器定义的冲突,那么元素将运用一切选择器定义的款式。如:款式。如:ppp/*标志选择器标志选择器*/pcolor:blue;pfont-size:18px;pp.special/*类别选择器类别选择器*/pfont-style:italic;/*斜体斜体*/ptext-decoration:underline;/*有下划线有下划线*/ppppclass选择器与标志选择器选择器与标志选择器1pclass选择器与标志选择器选择器与标志选择器2pclass选择器与标志选择器选择器与标志选择器3pclass选择器与标志选择器选择器与标志选择器4pclass选择器与标志选择器选择器与标志选择器5p2假设多个选择器定义的规那么发生了假设多个选择器定义的规那么发生了冲突,那么冲突,那么CSS按选择器的优先级让元素按选择器的优先级让元素运用优先级高的选择器定义的款式。运用优先级高的选择器定义的款式。CSS规定选择器的优先级从高到低为:规定选择器的优先级从高到低为:p行内款式行内款式ID款式款式类别款式类别款式标志款标志款式。总的原那么是:越特殊的款式,优先式。总的原那么是:越特殊的款式,优先级越高。如:级越高。如:p/*标志选择器标志选择器*/color:blue;/*蓝色蓝色*/font-style:italic;/*斜体斜体*/.green/*类别选择器类别选择器*/color:green;/*绿色绿色*/.purplecolor:purple;/*青色青色*/#red/*ID选择器选择器*/color:red;/*红色红色*/这是第这是第1行文本行文本这是第这是第2行文本行文本这是第这是第3行文本行文本这是第这是第4行文本行文本这是第这是第5行文本行文本CSS的承继性的承继性CSS的承继性的承继性pCSS的承继性是指假设子元素定义的款式的承继性是指假设子元素定义的款式没有和父元素定义的款式发生冲突,那么没有和父元素定义的款式发生冲突,那么子元素将承继父元素的款式风格,并可以子元素将承继父元素的款式风格,并可以在父元素款式的根底上再加以修正,本人在父元素款式的根底上再加以修正,本人定义新的款式,而子元素的款式风格不会定义新的款式,而子元素的款式风格不会影响父元素。如:影响父元素。如:bodytext-align:center;.righttext-align:right;emcolor:#FF0000;pfont-size:24px;text-decoration:underline;电子商务电子商务教研室教研室电子商务电子商务教研室教研室要擅长利用要擅长利用CSS承继性承继性pCSS的承继贯穿整个的承继贯穿整个CSS设计的一直,每个标志设计的一直,每个标志都遵照着都遵照着CSS承继的概念。可以利用这种巧妙的承继的概念。可以利用这种巧妙的承继关系,大大缩减代码的编写量,并提高可读承继关系,大大缩减代码的编写量,并提高可读性,尤其在页面内容很多且关系复杂的情况下。性,尤其在页面内容很多且关系复杂的情况下。p例如,假设网页中大部分文字的字体大小都是例如,假设网页中大部分文字的字体大小都是12px,我们可以对,我们可以对body或或td标志定义款式为标志定义款式为12象象素。这样由于其他标志都是素。这样由于其他标志都是body的子标志,会承的子标志,会承继这一款式,就不需求对这么多子标志去定义款继这一款式,就不需求对这么多子标志去定义款式了,有些特殊的地方假设字体大小要求是式了,有些特殊的地方假设字体大小要求是14px,我们可以再利用类选择器或,我们可以再利用类选择器或id选择器单独定义。选择器单独定义。作业作业p本人建一个本人建一个css文件,完成以下款式的定文件,完成以下款式的定义义p1h1:红色,字体大小:红色,字体大小12px,bold。p2#f3:幼圆,程度居中,字符间距:幼圆,程度居中,字符间距:10px,下划线。,下划线。p3.s1:绿色,段落行距:绿色,段落行距:8px,首行缩,首行缩进:进:25px。p在在html中调用这个中调用这个css文件中的这三个款文件中的这三个款式式
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号