置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

用户:冰阅/图书馆/css基础 常见样式声明

来自萌娘百科
跳到导航 跳到搜索

常见样式声明

1.color

元素内部的文字颜色

预设值 :定义好的单词

三原色,色值:光学三颜色(红绿蓝),每个颜色可以使用0-255之间的数字来表达

代码:rgb(0,255,0)
hex(16进制)表示法:#红绿蓝
淘宝红:#ff4400
黑色:#000000或者#000
白色:#ffffff或者#fff
灰色:#ccc

2.background-color

元素背景颜色

3.font-size

元素内部文字的尺寸大小

  1. xpx:像素,绝对单位,理解为文字的高度占多少个像素
  2. em: 相对单位,相对于父元素的字体大小
    每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则设为基准字号
    user agent ,UA, 用户代理(浏览器)

4.font-weigt

文字粗细程度,可以取值数字,可以取值为预设值

strong,em元素都有默认加粗的效果

5.font-family

文字类型

必须是用户计算机中存在的字体才能有效
使用多个字体匹配
sans-serif,飞村线字体

6.font-style

字体样式,通常用于字体倾斜

i元素,默认样式,是倾斜字体;实际使用中,通常用来表示一个图标(icon)

7.text-decoration

文本修饰,给文本加线

a元素
del元素:错误的内容
s元素: 过期的内容

8.text-indent

首行文本缩进

9.line-height

行高:表示文本高度,该值越大文本的像素越大

设置行高为文本的高度,可以让单行文本垂直居中

10.width

宽度

11.height

高度

12.letter-space

letter-spacing:
文字间隙

13.text-align

元素内部水平排列方式