CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种

html-css08

CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种,第1张

有外部式,内嵌式,行内样式。

1、外部式:

(1)用法:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。

(2)举例:通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。

2、内嵌式:

(1)用法:当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

(2)举例:在 MicrosoftFrontPage2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性。

3、行内样式:

行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。

主要探讨HTML5中CSS(层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化。

使用CSSCSS样式由一条或多条以分号隔开的样式声明组成。

每条声明的样式包含着一个CSS属性和属性值。

<pstyle="color:redfont-size:50px">这是一段文本</p>解释:style是行内样式属性。

color是颜色属性,red是颜色属性值;font-size是字体大小属性,50px是字体大小属性值。

三种方式创建CSS样式表有三种方式:1.元素内嵌样式;2.文档内嵌样式;3.外部引入样式。

1.元素内嵌样式<pstyle="color:redfont-size:50px">这是一段文本</p>解释:即在当前元素使用style属性的声明方式。

2.文档内嵌样式<styletype="text/css">p{color:bluefont-size:40px}</style><p>这是一段文本</p>解释:在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素并设置相关CSS。

3.外部引用样式<linkrel="stylesheet"type="text/css"href="style.css">//style.css@charset"utf-8"p{color:greenfont-size:30px}解释:很多时候,大量的HTML页面使用了同一个组CSS。

那么就可以将这些CSS样式保存在一个单独的.css文件中,然后通过<link>元素去引入它即可。

@charset"utf-8"表明设置CSS的字符编码,如果不写默认就是utf-8。

陕西电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件,可以使用@import导入方式引入.css文件。

只不过,性能不如多个<link>链接。