CSS基础知识
时间:2021-08-27
· css样式表的定义
· css:(Cascading Style Sheets)层叠样式表;
· 分类及位置:内部样式-head区域style标签里面
· 外部样式-link调用
· 内联样式-标签元素里面
· css内的注释:/*注释内容*/
·
css样式表的语法
·
·
CSS规则由两个主要的部分构成:要添加样式的盒子名或者标签名、和要添加的样式。
·
·
盒子名或者标签名{属性:值;}
·
·
CSS中几种颜色的表示方法
·
· 用颜色名表示
· 有17个预先确定的颜色,它们是
· aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, orange, purple, red, silver, teal, white, and yellow
·
用十六进制的颜色值表示(红、绿、蓝)
·
· #FF0000或者#F00
·
用rgb(r,g,b)函数表示
·
· 如:rgb(255,255,0)
·
用hsl(Hue,Saturation,Lightness)函数表示(色调、饱和度、亮度)
·
· 如:hsl(120,100%,100%),色调0代表红色,120代表绿色,240代表
蓝色
·
用rgba(r,g,b,a)函数表示
·
· 其中a表示的是改颜色的透明度,取值范围是0~1,其中0代表完全透明
·
用hsla(Hue,Saturation,Lightness,alpha)函数表示
·
· 色调、饱和度、亮度、透明度
· 例子
1
2
3
4
5
6
7
8
9
|
|
· 内部样式表
· 当单个页面需要设置样式时,就应该使用内部样式表。
· 使用 标签在文档里面定义内部样式表
1
2
3
4
5
|
|