CSS基础1

css  cascading style sheet  层叠样式表

selector 选择器   1，ID选择器   2，类选择器   3，标签选择器  4，通配符选择器（*）5，属性选择器[属性名|属性名="属性值"]{}

内联样式/行间样式： <div style="width:100px"></div>

内部样式表: <style type="text/css">...</style>--->写在head的最底部

外部样式表：<link rel="stylesheet" type="text/css" href="css/index.css" />

(href:hypertext reference)

权重（优先级）：内联样式>内部样式>外部样式

!important  权重最高

!important  > id > class|属性 > 标签 > *

派生选择器  父子选择器

不可以 #id #id

CSS权重

*                                   0

标签，伪元素                1

class，属性，伪类        10

id                                100

内联样式                     1000

！important               正无穷

并列选择器

属性&值

outline-color: green;

outline-style:dotted;

outline-width: 3px;

outline: none   --->开发中只用这个

浏览器对父子选择器的匹配规则

匹配从右到左

一般id用_连接    class用-连接

转载于:https://juejin.im/post/5b690d2be51d45192473546f