北大青鸟java培训:创建CSS样式表的三种方式?

html-css09

北大青鸟java培训:创建CSS样式表的三种方式?,第1张

主要探讨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>链接。

根据 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 中的内容。