认识css

# 认识css

css是样式语言，用于描述网页中的内容如何在浏览器中进行显示

书写格式选择符 { 属性1: 值1; 属性2: 值2; }

h1 { font-size: 60px; color: rgb(255, 0, 0 ); }

指的是我们的样式所在的位置，我们要把样式写入到样式表，样式表分成3类，分别是行内样式、内部样式和外部样式

把内容写入到标签的style属性中

把内容写入到html文件中的文件头部，style标签中

把样式写入到单独的css文件，然后在html文件头中通过link标签引入

!important(表示强制使用该属性值) 行内样式内部样式表外部样式表

h1 { font-size: 80px; background-color: #888; color: rgba(0,255,0, 0.5); }

1、类型选择符(html标签元素) 2、类选择符(以.开头，跟随着html标签中class属性设置的值) 3、id选择符（以#开始，跟随着html标签中id属性设置的值） 4、标签组选择符 5、通用选择符(*) 6、后代选择符 7、子代选择符 8、同辈选择符 9、伪类选择符

1、选择器的优先级规则定义

!important 强制使用 id选择器(#) 100 类选择器(.) 10 标签选择器 1 伪类选择器 1 通用选择器 0

2、计算选择器的优先级结果相同，后面的覆盖之前的

字体字型(font-family) 字体加粗(font-weight) 字体风格(font-style 倾斜下划线) 字体大小(font-size) 字体着色(color) color: #ccc

设置颜色的方式: rgb(0-255, 0-255, 0-255) 十六进制 #ffffff #fff #555 #555555

rgba(0,0,0, 0-1)

margin: border: padding: content:(height/wedth) display: inline-block

li(display: block)