曲靖java培训学校告诉你创建CSS样式表的三种方式？

html-css023

曲靖java培训学校告诉你创建CSS样式表的三种方式？,第1张

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

使用CSS

CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个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:blue

font-size:40px

}

</style>

<p>这是一段文本</p>

解释：在<head>元素之间创建<style>元素，通过选择器的方式调用指定的元素并设置相关CSS。

3.外部引用样式

<linkrel="stylesheet"type="text/css"href="style.css">

//style.css

@charset"utf-8"

p{

color:green

font-size:30px

}

解释：很多时候，大量的HTML页面使用了同一个组CSS。那么就可以将这些CSS样式保存在一个单独的.css文件中，然后通过<link>元素去引入它即可。@charset"utf-8"表明设置CSS的字符编码，如果不写默认就是utf-8。曲靖电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件，可以使用@import导入方式引入.css文件。只不过，性能不如多个<link>链接。

根据 CSS 2.1 规范的描述，应按照以下优先级来确定一个外部 CSS 文件的编码：

HTTP 响应头中 Content-Type 字段的 charset 参数指定的编码。

BOM 以及/或者 @charset 定义的编码。

<link charset=>或其他链接机制提供的元数据（如果有的话）指定的编码。

引入该 CSS 文件的 HTML 或另一个 CSS 文件（如果有的话）中已确定的编码。

如果以上几步都没能确定编码，则假定其编码为 UTF-8。

关于上述内容的详细信息，请参考 CSS 2.1 规范 4.4 CSS style sheet representation 中的内容。