HTML：CSS文字属性、列表属性

柠檬味的融融521

已于 2022-04-01 11:15:18 修改

阅读量298

点赞数

于 2022-03-31 23:18:49 首次发布

本文链接：https://blog.csdn.net/m0_64054560/article/details/123867007

版权

小菜鸟学习大本领专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、文字颜色：

文字颜色：color

写法一：直接写颜色单词

写法二：rgb写法取值在0-255

语法：rgb（红色色值，绿色色值，蓝色色值）

色值之间用逗号隔开

红色：rgb（255,0,0）

绿色：rgb（0,255,0）

蓝色：rgb（0,0,255）

黑色：rgb（0,0,0）

白色：rgb（255,255,255）

写法三：十六进制（取值区间：0-9 a-f）

语法：在#后面跟6位，每两位是一个色值

红色：#ff0000====简写#f00

绿色：#00ff00====简写#0f0

蓝色：#0000ff====简写#00f

黑色：#000000====简写#000

白色：#ffffff====简写#fff

写法二和写法三了解一下即可~

2、文字大小：

文字大小 font-size

浏览器默认像素是16px，谷歌浏览器允许设置的最小字号是12px，其他浏览器可能是10px。
一般设置文字大小的时候写偶数，不写奇数（行业规定）

3、字体样式：

字体： font-family

可以直接写中文，如果不成功就是电脑字体库没有该字体

css样式：	
font-family: "楷体";
/* 给用户多种备选方案，浏览器会一次查找，如果可以就用，如果都不可用则使用默认字体。中间用逗号隔开 */
 font-family: "楷体","幼圆","华文琥珀";

谷歌默认字体：微软雅黑
其他浏览器：宋体

注意：如果字体是中文的或者这个字体由多个单词组成，必须加引号，如果只有一个单词则可以不加引号，所以为了方便，可以都加。

4、文字加粗：

文字加粗： font-weight

写法一：写单词

lighter=====变细

normal====正常（常用）

bold====加粗（常用）

bolder====更粗（语气加重）

写法二：写数字

注意：千万不要跟单位

100====相当于变细lighter

400====正常====相当于normal（常用）

700====加粗====相当于bold（常用）

5、文字倾斜：

文字倾斜：font-style

normal====正常

italic===倾斜

oblique===更加倾斜（语气加重）

6、文字对齐方式：

在一个盒子里，默认在左上角

1）水平对齐方式：text-align

left====靠左对齐

right====靠右对齐

center====居中对齐====常用

justify====两端对齐（了解）

2）单行文字垂直居中方式：line-height

居中：让line-height的值等于height的值

如果line-height<height,则偏上；

如果line-height>height,则偏下。

如果有多行文字，那么line-height指的是行间距

7、文字首行缩进：

首航缩进：text-indent

推理：

单位：em （是一个相对单位，是相对于当前文字的字体大小而言的）

1em=1个字的大小（font-size）

假设字体大小是20px，那么1em=20px 2em=40px

假设字体大小是40px，那么1em=40px 2em=80px

综上所述：

首行缩进两字符写法：text-indent：2em；

8、文字的修饰线：

修饰线：text-decoration

underline===下划线

overline===上划线

line-through===删除线

none===没有线（常用在超链接）

9、其他（了解）

字间距：letter-spacing

词间距：word-spacing

（按照空格区分词组）

大小写转换：text-transform

uppercase====大写

lowercase====小写

10、列表样式：

删除列表前符号:

list-style:none;