一,字体属性
属性 | 注意点 |
---|
font-size 字号 | 我们通常用的单位是px,一定要加单位 |
font-family 字体 | 字体样式的设置,从左往右依次寻找 |
font-weight 字体粗细 | 加粗:bold或700,不加粗:normal或400 |
font-style 字体样式 | 倾斜:italic;不倾斜:normal |
font 字体连写 | 是有顺序的,字号和字体必须要写 |
注:font的顺序如下:
< body >
font: font-style font-weight font-size/line-height font-family;
< /body >
二,文本属性
属性 | 注意点 |
---|
color | 文本颜色 |
text-align | 文本对齐 |
text-indent | 文本缩进 |
text-decoration | 文本修饰 |
line-height | 行高 |
- color用于定义文本颜色
表示 | 属性值 |
---|
预定颜色值 | red,green,blue,pink |
十六进制 | #FF000,#FF6600,#29D794 |
RGB代码 | rgb(255,0,0)或rgb(100%,0%,0%) |
- text-align属性用于设置元素内文本内容的水平对齐方式。
属性值 | 解释 |
---|
left | 左对齐 |
right | 右对齐 |
center | 居中对齐 |
- text-decoration对文本的修饰,添加下划线,删除线,上划线等。
属性值 | 描述 |
---|
none | 默认,没有装饰线 |
underline | 下划线 ,链接a自带下划线 |
overline | 上划线 |
line-through | 删除线 |
- text-indent用于文本缩进,通常用于段落的首行缩进。
text-indent : 10px;缩进10像素;
text-indent: 2em;缩进两个单位;
三,引入样式
外部样式表:
- 新建一个后缀名为 .css 的文件,再把所有CSS的代码放入该文件中
- 在HTML页面中,使用< link >标签引入这个文件。
<link rel="stylesheet" href="CSS文件路径">