CSS样式的4种写法 | 以及选择器的几种用法

CSS样式：

1.内部样式表

　　　<style type="text/css">
  　　　　 样式表写法
  　　 </style>

2.使用link标签，在文档中声明使用外接资源，最常用的一种方式。（推荐）

　　 <link  type="text/css"   rel="stylesheet" href="文件路径" />

3.@方式，引入css,注意这个是异步加载的，在整个html加载之后才加载，会导致页面闪烁。不推荐使用。

　　　<style>

　　　@import url("文件路径");

　　　</style>

4.内联样式表(行内样式表),优先级最高最直白，但不能复用不容易维护。

    <input type="text" style="color:0x550;font-size:30px;"/>

优先级：  行内样式  >  内部样式  >   外部样式

---

选择器：

1、 标签选择器:       语法：标签名

　　　　　　　　　标签名:  选取相同的所有标签

2、 类选择器:          语法:   .class的值

  　　　　　　　　 每一个标签添加class属性, 类, 不同标签拥有相同的class,  

  　　　　　　　　 注意:  标签怎么添加多个class, class属性值  多个class值用空格分隔  

3、  id选择器           语法:  #id的值  

　　　　　　　　   每一个标签添加一个id属性,   要求id的值唯一,   

4、 组合选择器:

　　A) 并集选择器: (或者)   选择器1, 选择器2, 选择器3,....

　　B) 交集选择器:(并且)  选择器1  选择器2

   注意:   选择器1 只能是标签选择器

              选择器2: 只能是id选择器或者类选择器

（例如 p标签.class的值#div的值  或者 p标签#div的值.class的值 ）

　　C) 后代选择器: (儿子,孙子,.....)   选择器1 选择器2  ....... 

　　D) 全选择器: *

 

   优先级: 标签选择  < 类选择器 < ID选择器