02 - CSS -1

一.引入方式

1. 行内：<div style="color: "black">
2. 内部：<style> div{color: "black"} </style>
3. 外部：<link href: "main.css" >
   
   

二. 选择器

1. id选择器(唯一的)：id="dv" #dv{ xxx }
2. 类选择器：class="dv" .dv{ xxx }
3. 标签选择器：<p> p{ xxx }
4. 通配符选择器(所有标签)：*{ xxx }
5. ， 空格 +(同级下一个）
6. [value]{ xxx }(属性有value的)
7. [value = "登录"] { xxx }(属性值是登录的)
8. :hover：鼠标指上去显示
   
   

三.权重计算

1. 行内>id>class>标签>通配>外部(有!important就是老大)
2. !important --> 无穷大
3. 行内 --> 1000
4. id --> 100
5. class -->10
6. 标签 --> 1
7. 通配 --> 0
8. 一样选最近
   
   

四.颜色

1. 背景颜色：background-color
2. 文字颜色：color
3. # rgba() black
   
   

五.边框

1. broder：1px solid pink(实线)
2. broder：1px dashed pink(虚线)
   
   

六.画三角

#box{
width:0px;
height:0px;
broder-top-color:#fff
broder-left-color:#fff
broder-right-color:#fff
broder-bottom-color:pink
}

七.文字

1. 大小font-size:16px
2. 加粗font-weight:bold(100-900)
3. 倾斜font-style:italic
4. 居中text-align:center
5. 左text-align:left
6. 右text-align:right
7. 行高line-height:20px
8. text-decoration:none 下underline 上overline 穿过line-through 闪烁brink
9. cursor:手pointer 十字线crosshair