一、什么是CSS(样式表)
CSS(Cascading Style Sheets) - 层叠样式表
CSS是web标准中的表现标准,主要用来设置网页内容的样式和布局(给标签化妆)
二、CSS代码写在哪儿
-
内联样式表:将样式表(css代码)写在标签的style属性中(样式只能作用于一个标签)
-
内部样式表:将样式表写在style标签中(样式只能作用于当前html文件中的所有标签)
-
外部样式表:将样式表写在外部的css文件中,然后在html文件中用link导入(样式可作用域所有的html中所有的标签)
优先级: 内联样式表 > 内部样式表、外部样式表(谁后写谁的优先级高)
三、CSS怎么写
语法:
选择器{属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;…}
说明:
-
选择器 - 选择器是用来选中当前需要设置样式的标签。(写内联样式表 ‘选择器{}’ 需要省略)
-
属性 - 以 属性名:属性值 的形式存在,多个属性之间必须用 ; 隔开
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