css样式表的三种方式的特点，css样式规则有哪些
大家好,今天小编来为大家解答以下的问题，关于css样式表的三种方式的特点，css样式规则有哪些这个很多人还不知道，现在让我们一起来看看吧！
CSS样式表的作用及特点
CSS可以很方便的用来控制网页的外观。主要有以下特点：
1.可以同时更新多个网页的样式。
2.使网页的表示层与结构层彻底分离
3.大大减小了网页文件的大下
4.加快了网页的加载速度
现在用CSS来布局网页已经是一种潮流，如果要向网页设计方面发展，必须精通CSS。
5. CSS样式表的作用及特点
css(casecating style sheet)
也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:
1.结构与样式分离的方式,便于后期维护与改版;
2.样式定义精确到像素的级别;
3.可以用多套样式,使网页有任意样式切换的效果(如:www.YOUKU.COM的开,关灯效果)
4.降低服务器的成本
等,当然还有很多高级的特点,等你真正的了解并使用这个语言之后你自然会理解了.
创建CSS样式表的三种方式
主要探讨HTML5中CSS（层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。
使用CSS
CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。
<p style="color:red;font-size:50px;">这是一段文本</p>
解释：style是行内样式属性。color是颜色属性，red是颜色属性值；font-size是字体大小属性，50px是字体大小属性值。
三种方式
创建CSS样式表有三种方式：1.元素内嵌样式；2.文档内嵌样式；3.外部引入样式。
1.元素内嵌样式
<p style="color:red;font-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"rel="external nofollow" 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。回龙观电脑培训认为如果有多个.css文件，可以使用@import导入方式引入.css文件。只不过，性能不如多个<link>链接。
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！