首页 > 代码库 > 浅谈CSS，引入方式，选择器
浅谈CSS，引入方式，选择器
全称Cascading Style sheets ，中文名称：层叠样式表/级联样式表。CSS就是给我们的HTML网页加样式的东西，它可以让我们的html网页变得更加绚丽多彩，它有三种引入方式。
第一种内嵌式：直接写在我们的html标签里面的，如: <div style="属性：属性值;"> </div> 这就是内嵌也叫嵌入。
第二种内联写法：在我们的html网页里面的head里面添加一个style标记，然后在里面写，如：
<head>
<style>
div{
属性:属性值;
属性:属性值;
}
</style>
</head>
这就是内联写法。
第三种外联写法：是在html外部创建一个CSS文件，在head里面用LINK标记把他们关联起来，然后直接在CSS文件里写样式，语法和前面两种一样。如：<link rel="stylesheet" href="http://www.mamicode.com/路径"/>
一般通常，我们都用第三种外联写法，这也是最常用最主流的写法。
说完了引入方式，我们就再来说说元素/标记选择器吧，选择器的种类有很多：
标签选择器： 标签名{ 属性：值； } 所有该类型的元素/标签都会有效果。
id选择器： #id名{ 属性：值；} 给标记取一个id名， 然后通过 #id名 把该想要改变的元素选取出来。但是一个html里面的id名只能有一个，不能重复。
class选择器，也加类选择器：类名 {属性:值；} 在标签中添加一个 class="类名" 然后用 .类名 把该元素选取中，class名可以重复多个可以，所以可以同时改变同类型和不同类型的多个同类名元素。
还有：属性选择器 伪类选择器 为元素选择器 后代选择器 子级选择器 并集选择器......
如果我们在写样式的时候，用同一种选择器的情况下，样式重复了，就以从上往下的顺序，样式不重复的话都能受作用。如果选择器不同，样式优先级别就会不同：
！important > 内嵌 > id > class > 元素 > *通配符
浅谈CSS，引入方式，选择器