文章目录

• css基础样式与属性设置
• • 一、宽和高
  • 二、字体属性
  • • 1.
    • 清除默认边距
• 2.总结：

css基础样式与属性设置

一、宽和高

width属性可以为元素设置宽度。

height属性可以为元素设置高度。

块级标签才能设置宽度，内联标签的宽度由内容来决定(行内标签无法设置宽度，设置了也不会生效)。

二、字体属性

1. “>body { /*font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。(第一个字体不生效会使用下一个字体。 依此类推)*/ /*SimSun 宋体 KaiTi 楷体 SimHei 黑体*/ font-family: “Microsoft Yahei”, “微软雅黑”, “Arial”, sans-serif;}常见字体：serif 衬线字体sans-serif 非衬线字体中文：宋体，微软雅黑，黑体注意： 1、设置的字体必须是用户电脑里已经安装的字体，浏览器会使用它可识别的第一个值。 2、如果取值为中文，需要用单或双引号扩起来

2.font-size:字体大小

了解：Chrome浏览器上默认字体大小16px

3.font-weight：文字粗细

4.font-style：文字风格

5.color：文字颜色

6.文字属性简写：

7.总结：

8.案例：

三、文字属性

1.text-align：文字对齐:

text-align 属性规定元素中的文本的水平对齐方式。

使用注意:

在使用时, 它只能争对文字(包括在块元素中的文字), 行内元素, 和行内块元素进行水平居中, 只争对没有包含文字的块元素是不起作用的.

2.text-decoration：文本装饰

text-decoration 属性用来给文字添加特殊效果。

常用的为去掉a标签默认的下划线：

3.text-indent：首行缩进

将段落的第一行缩进 32像素：

4.text-height：行高

注意: 文字像素不能大于行高

• , 文本行高

5.文字对其+行高实现文本水平垂直居中(掌握):

文本水平居中: (值要等于居中元素的高度)

文本垂直居中:

6.字符间距（了解）

注意: 只对中文起作用

• , 定义文字与文字之间的距离

7.单词间距（了解）

• , 定义英文单词之间的距离

8.示例

来源：淘小欣