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选择器

巴特西