书签 分享 收藏 举报 版权申诉 / 23

类型Web总结.docx

  • 文档编号:2824815
  • 上传时间:2022-11-15
  • 格式:DOCX
  • 页数:23
  • 大小:63.73KB

●内联式适用于单独控制某个元素样式的情况。

¡优点是设置样式直观、方便;

¡缺点是无法一次性设置所有相同元素的样式。

●一般情况下,如果某个元素的样式与其他元素的样式不同,或者具有相同样式的元素比较少,可以采用内联式。

●嵌入式是指在与之间定义的样式。

例如:

h1{font-size:

30pt;color:

Red;}

h2{font-size:

20pt;color:

Blue;}

●嵌入式适用于控制一个网页内具有相同样式的多个元素。

¡优点:

当修改某些元素的样式时,只需要修改head部分style的属性。

¡缺点:

这种方式仅仅适用于修改当前网页内具有相同样式的元素,如果多个网页内的很多元素均采用相同的样式,仍然需要分别在各个网页内重复定义。

●外部链接式是指在扩展名为.css的文件中单独保存样式的定义。

¡将样式分类后放在单独的CSS文件中,然后在网页中添加所引用的CSS文件。

¡当需要修改元素的样式时,只需要修改.css文件中的样式即可。

¡一旦修改了.css文件中的某个样式,则凡是引用了该.css文件的网页,都会自动应用新的样式。

¡CSS文件中每个样式定义的一般格式为:

选择符{属性1:

值1;属性2:

值2;……}

●引用方式:

直接拖放CSS文件到要引用样式表的文件。

2,P48:

CSS的基本选择器

●基本选择器是CSS中最常用的选择器,包括通配符选择器、元素选择器、类选择器、id选择器以及群组选择器等。

如表3-1所示。

●1.通配符选择器(*)

¡通配符选择器是指选择HTML文档内的所有元素。

◆例如:

*{color:

Red;}

◆这行代码的含义是设置HTML文档中的所有元素颜色为红色。

●2.元素选择器(E)

¡元素选择器是指以HTML文档的元素名作为选择器,此处的E表示任何一个HTML元素,如html、body、p、div等。

◆例如:

p{font-size:

14px;}

◆这行代码表示所有p元素的字体大小全部为14像素。

●3.类选择器(.classname、E.classname)

●类选择器指自定义的CSS类。

¡一般形式为:

.自定义类名{属性1:

值1;属性2:

值2;……}

●注意,自定义类名的左边有一个点“.”。

●在HTML文档中,使用class=“classname”设置“.classname”定义的样式。

引用时自定义类名的左边不包含点“.”。

●类选择器还可以结合元素选择器来使用,

¡一般形式为:

E.类名{属性1:

值1;属性2:

值2;……}

¡其中,E表示元素名(Element),myclass指自定义类名。

●4.id选择器(#idname)

●id选择器的定义和用法与类选择器的定义和用法从形式上来看非常相似,但是这两者之间在概念上有明显的区别,在同一个HTML网页中,多个元素可以使用同一个自定义类,但不能有相同的id特性名。

¡例如在CCS中定义:

#customId1{color:

red}

¡在HTML文档中,用id=“myid”设置id选择器定义的样式(不包含“#”前缀)。

●利用CSS定义样式时,如果在一个元素的样式定义中,既有HTML元素,又有自定义类和自定义ID,则自定义ID的优先级最高,其次是自定义类,HTML元素的优先级最低。

●5.群组选择器(s1,s2,...,sN)

●如果有多个选择器定义的样式相同,则可以使用群组选择器来简化定义,这样就可以一次性地设置所选元素的样式。

¡例如:

div1,div2,div3{color:

red}

3,P60:

CSS的盒模型

●3.3.1盒模型简介

●在CSS3.0中,规定HTML元素的盒模型由4个区域组

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
Web 总结
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:Web总结.docx
链接地址:https://www.bdocx.com/doc/2824815.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开