为网页添加样式

术语解释

h1{
 color: red;
 background-color: lightblue;
 text-align: center;
}

• css规则=选择器+声明块

选择器

• 用来选中元素，常见选择器

1. ID选择器：#ID
2. 元素选择器：元素
3. 类选择器：.class
4. 通配符选择器：*

### 声明块

• 出现在大括号

CSS代码书写位置

1. 内部样式表

书写在style元素中

1. 内联样式表

直接书写在元素的style属性中

1. 外部样式表[推荐]

• 将样式书写到独立的css文件中

1. 外部样式可以解决多页面样式重复的问题
2. 有利于游览器缓存，从而提高页面响应熟读
3. 有利于代码分离（HTML和CSS），更容易阅读和维护

常见的样式声明

1. color

• 元素内部的文字颜色
  1. 预设值：定义好的单词
  2. 三原色，色值：光学三原色，每个颜色可以使用0-255之间的数字来表达
  3. rgb表示法：rgb（0，255，0）
  4. hex（16进制）表示法：#红绿蓝
• 简写：#ff4400=#f40
• 淘宝红：#f40
• 黑色：#000
• 白色：#fff
• 红色：#f00
• 绿色：#0f0
• 青色：#0ff
• 黄色：#ff0
• 灰色：#ccc

1. background-color

• 背景颜色

1. font-size

• 元素内部文字的大小尺寸
  • px：像素，简单的理解为文字的高度占多少个像素
  • em：相对单位，相对于父元素的字体大小
  • 每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如果没有父元素（html），则使用基准字号

use agent,UA,用户代理（游览器）

1. font-weight

• 文字粗细程度，可以取值为预设值
  • bold：加粗
  • normal：不加粗
  • strong元素，默认加粗

1. font-family

• 文字类型
• 必须用户计算机中存在的字体才会有效

1. font-style

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

i元素，em元素，默认样式，是倾斜字体;实际使用时，通常用它表示一个图标（icon）

1. text-decoration

• 文本修饰，给文本加线
  • a元素
  • del元素：错误的内容
  • s元素:过期的内容

1. 首行文本缩进

• text-indent
  • 单位：em px

1. line-height

• 每行文本的高度，该值越大，每行文本的距离越大
• 设置行高为容器的高度，可以让文本文本居中
• 行高可以设置纯数字，表示相对于当前元素的字体大小

1. width

• 宽度

1. height

• 高度

1. letter-spacing

• 文字间隙，字母间隙

1. word-spacing

• 单词间隙

1. text-align

• 元素内部文字的水平排列方式

为网页添加样式

原文：https://www.cnblogs.com/landuo629/p/12430334.html