#常见样式声明1. color: 2. background

2023-01-20 01:16| 来源: 网络整理| 查看: 265

目录常见样式声明1. color:2. background - color3. font-size4. font -weight5. font-family6. font-style7. text- decoration8. text- indent9. line- height10.width11.height12.letter- space13.text-align

常见样式声明 1. color:

元素内部的文字颜色预设值: 定义好的单词

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

rgb表示法: rgb(0, 255, 0)hex (16进制)表示法: #红绿蓝写法： color: #80808c;

可以记的常见颜色：淘宝红: #ff4400, #f40 黑色: #000000, #000 白色: #ffffff, #fff 红: #ff0000，#f00 绿: #00ff00, #0f0 蓝: #0000ff, #00f 紫: #f0f 青: #0ff 黄: #ff0

2. background - color

元素背景颜色

3. font-size

元素内部文字的尺寸大小

px: 像素，绝对单位，简单的理解为文字的高度占多少个像素em:相对单位，相对于父元素的字体大小每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体,如果没有父元素(html),则使用基准字号(浏览器里自带的字号)。

h1 标题在没有设置css样式的时候，字体显示大的原因，是因为浏览器给他自动设置了css样式，如图所示：在这里插入图片描述

4. font -weight

文字粗细程度，可以取值数字，可以取值为预设值 normal : 正常粗细 bold: 加粗

strong: 默认加粗，表示重要的、不能忽略的内容

5. font-family

文字类型必须用户计算机中存在的字体才会有效。使用多个字体，以匹配不同环境。 sans-serif ：适用于老旧浏览器版本的字体，能自适应写法：

div{ font-family: 'Courier New', Courier, monospace,Arial, Helvetica, sans-serif; } 6. font-style

字体样式，通常用它设置斜体

i 元素，默认样式，是倾斜字体实际使用中，通常用它表示个图标

em 也表示斜体

7. text- decoration

文本修饰，给文本加线。值： line-through ：线从文字中间穿过 underline：线在文字的底部

del: 此元素表示文字已经被废弃，去掉错误的信息 s标签：去掉过期的信息写法：把去掉的字包裹起来

这个辣字去掉了原价：997，现价：116

效果图：在这里插入图片描述

8. text- indent

首行文本缩进写法：

text-indent: 2em; 9. line- height

每行文本的高度, 该值越大，每行文本的距离越大设置行高为容器的高度，可以让单行文本垂直居中

行高可以设置为纯数字，表示相对于当前元素的字体大小

写法 line-height: 1.5; 10.width

宽度

11.height

高度

12.letter- space

文字间隙

13.text-align

元素内部文字的水平排列方式值：center，left，right

【本文地址】

公司简介

联系我们