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

html-css015

曲靖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样式表打开，另存为，看文件类型是否是UTF-8格式，不是则将其改为UTF-8格式，然后保存。 也就是确保你的.asp文件和css文件的文件编码方式一致。

详情请看我空间的文章《外部CSS文件与HTML编码》

http://hi.baidu.com/xch369/blog/item/01f02a64ec07edf6f7365409.html

如果其它所以有的HTML容器的样式中没有单独设置文字样式的话可以在BODY里面设一个总文字样式

body{

color:green/*将所有无链接文字颜色设为绿色*/

}

a{

color:green/*将所有链接文字颜色设为绿色*/

}