CSS的三种用法

CSS：Cascading Style Sheet
层叠：多种样式可以叠加在同一个控件上使用

样式表的作用：美化界面
样式表的使用主要有三种用法
1、行内样式表
它写在标签内部，只对当前这一个标签有效
<标签 stylr=“样式名称：值;样式名称：值”>

<div>我没有什么效果</div>
<div style="color: red;">我变成了红色</div>

效果如图:

2、内部样式表
它写在网页的head的部分，对当前页面所以标签有效

          <style type="text/css">
                   样式选择器{
                   样式名：值
                   样式名2：值2
                     }
            </style>

<style type="text/css">
			div{
				color: blueviolet;
			}
		</style>

效果如图：

3、外部样式表
它写在一个单独的样式文件中，只要页面引入这个样式文件，页面就可以使用这些样式
1、将样式规则写入到一个单独的样式文件中 ***.css
2、通过link标签引入该文件

          <link type="text/css" rel="stylesheet" href="xxx.css">

引入

网页代码和CSS的位置关系如图：

这三种引入样式的方式，应用范围从大到小排列，依次是：外部样式>内部样式>行内样式
如果同时使用：外部样式，内部样式，行内样式，并且冲突,优先使用行内样式 行内样式>内部样式>外部样式
实际开发中，一般会采用：外部样式或者内部样式，一般不会使用行内样式
**ps：在使用CSS的时候 会使用到选择器 我会在后面专门详细讲选择器的使用 **