后浪小萌新HTML --- css基础

一、什么是CSS（样式表）

CSS(Cascading Style Sheets) - 层叠样式表

CSS是web标准中的表现标准，主要用来设置网页内容的样式和布局（给标签化妆）

二、CSS代码写在哪儿

1. 内联样式表：将样式表(css代码)写在标签的style属性中(样式只能作用于一个标签)
2. 内部样式表：将样式表写在style标签中（样式只能作用于当前html文件中的所有标签）

3. 外部样式表：将样式表写在外部的css文件中，然后在html文件中用link导入（样式可作用域所有的html中所有的标签）

   优先级: 内联样式表 > 内部样式表、外部样式表（谁后写谁的优先级高）

三、CSS怎么写

语法：

选择器{属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;…}

说明:

1. 选择器 - 选择器是用来选中当前需要设置样式的标签。（写内联样式表 ‘选择器{}’ 需要省略）
2. 属性 - 以 属性名:属性值 的形式存在，多个属性之间必须用 ; 隔开

          a.常用属性：color(文字颜色); background-color(背景颜色);

                               font-size(文字大小); width(宽度);height(设置高度)

          b.常用的值： A.数字(数字如果是用来表示，那么值后面必须加单位:px)

                                  100px 100%

                                B.颜色：

                                   颜色的英文单词，例如：red, green, yellow、pink

                                   rgb值(通过调节红色、绿色和蓝色的值来调出不同的颜色，值的范围是0~255)

                                   rgb(red, green, blue) rgb(255, 0, 0) rgb(0, 255, 0) rgb(255,255,255) rgb(0,0,0) rgb(200, 100, 45)

                                   rgba(red, green, blue, 透明度)， 透明度的取值范围是0~1 rgba(255,0,0,1)

                                   16进制颜色值：#6位的16进制数 #ff0000 #00ff00 #ffffff