写css样式，最前边加 @charset "utf-8";是为什么

html-css010

写css样式，最前边加 @charset "utf-8";是为什么,第1张

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文，如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响。。这个是我个人在实践当中的积累体会。望采纳。

同一行的字是按 baseline 对齐的, 字体大小和风格与UTF-8无关,是你没设置好中文字体

比如说 <span>测试22</span>, 这个SPAN里有中文也有英文, 如果你没设置字体, IE会使用自己的设置字体设置, IE的字体设置是按不同语言编码而来的. 如果只设置了一个英文字体,那么SPAN里的22会使用英文字体,而旁边的"测试"则将是IE默认的"宋体", 同样SIZE的不同字体,高宽是不同的. 如果你把SPAN设置成中文字体,那么"22"和"测试"就一样效果了.

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