首页 > 代码库 > 浅谈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,引入方式,选择器