web前端开发-----CSS样式设置

简介: web前端开发-----CSS样式设置

一.CSS中用16进制码表示颜色。

CSS中,除了使用RGB定量地表示颜色,还有一种常见的表达方法--十六进制码。

十六进制码,是以#开头的6位十六进制数表示颜色的方式。其语法规则为:#FF0000

这个6位数可以分为三组,依次对应red、green、blue三种颜色的强度。

每组两位数,最低值为00,最高值为FF。

比如#FF0000的FF表示red的强度,00表示green的强度,后一组00表示blue的强度。

使用十六进制码表示颜色时,如果每组的两个十六进制数是相同的。

例如 #FF0000、#FFFFFF、#AABBCC,则可以将它们简写#F00、#FFF、#ABC。

除了字体颜色外,在制作网页时我们往往会在网页中添加一些背景颜色让网页更加美观,吸引访问者的眼球。

我们设置字体颜色时,使用color属性。

而设置背景颜色,则使用background-color属性,属性值同样可以使用颜色名称、RGB和十六进制码。

二.CSS设置字体样式。

font-family 属性,用于设置字体类型。

font-style属性,用于设置字体风格。

font-weight属性,用于设置字体粗细。

font-size属性,用于设置字体的大小。

牢记,字体大小和字体类型是必须设置的,并且字体类型放在最后。

这里一定需要注意,不同的属性值之间使用空格间隔。

text-align 属性,用于设置文本的水平对齐方式。

text-indent属性,用于指定文本的首行缩进,通常是将段落元素p的首行缩进。

text-decoration属性,用于为文本添加修饰。

line-height属性,用于设置文本的行高。

设置属性text-decoration: none;,清除了链接默认的下划线。

其实,行高还可以是单独的数字,数字表示字体大小的倍数。

比如p元素的字体大小为16px,则设置line-height: 3,表示行高为字体大小的3倍,为48px。

相关文章
|
23小时前
|
前端开发 JavaScript Java
web 技术中前端和后端交互过程
客户端:上网过程中,负责浏览资源的电脑,叫客户端
9 0
|
1天前
|
前端开发
web前端作业3
web前端作业3
9 1
|
1天前
|
前端开发
web前端的作业1
web前端的作业1
6 1
|
1天前
|
前端开发
前端 CSS 经典:SVG 描边动画
前端 CSS 经典:SVG 描边动画
7 0
|
1天前
|
前端开发
前端 CSS 经典:好看的文字阴影
前端 CSS 经典:好看的文字阴影
5 0
|
1天前
|
前端开发
前端 CSS 经典:模特换装效果
前端 CSS 经典:模特换装效果
8 0
|
1天前
|
前端开发 算法
前端 CSS 经典:filter 滤镜
前端 CSS 经典:filter 滤镜
8 0
|
1天前
|
前端开发
前端 CSS 经典:弧形边框选项卡
前端 CSS 经典:弧形边框选项卡
8 0
|
1天前
|
前端开发
前端 CSS 经典:CSS 包含块
前端 CSS 经典:CSS 包含块
6 0
|
1天前
|
前端开发 容器
前端 CSS 经典:grid 栅格布局(下)
前端 CSS 经典:grid 栅格布局(下)
10 0