css的一些基本用法

# 标签分类

1. 块元素     block ：独占一行 可以设置宽高

2. 行元素     inline ：不独占一行 设置宽高无效

3. 行内块元素 inline-block ： 不独占一行 可以设置宽高

```js

# css 三种引入方式

1. 行内式： <div style="color:red;">HELLO</div>

2. 内嵌式：<style> .box{color:red;}</style>

3. 外引式; <link rel="stylesheet" href="./index.css>

```

# 常用选择器

1. *通配符    选择页面中所有标签

2. 类选择    

3. id          

# 文本

1. font-family       文字类型

2. font-size         字体大小

3. font-weight       字体加粗

4. font-style        字体样式

6. text-decoration   文本修饰

7. text-align        文本对齐

8. text-indent       首字母缩进

9. text-tranform     英文首字母大写

10. text-shadow      文本阴影

 

** css优先级**

！important > 内联  > id > class  >  标签 > *  >  继承

权重  无穷     1000   100    10        1    0      无

#  css 选择器组合使用

1. 子代选择器      >

2. 后代选择器      英文空格

3. 并列选择器      

,

#  css 选择器匹配原则

1. 从右向左