CSS基础选择器

106 阅读3分钟

CSS字体属性

CSS(字体)属性用于定义字体系列、大小、粗细、和文字样式

3.1字体系列:

CSS使用font-family属性定义文本的字体系列。

例如:

Document

注意:

各种字体之间用英文标点符号个隔开;

一般情况下,如果有空格隔开的多个单词组成的字体,加引号。

最常见的几种字体 body{font-family:‘Microsoft Yahei', tahoma,arial,}

3.2字体大小

CSS属性用于定义字体系列、大小、粗细、和文字样式(如斜体)

css使用font-size属性定义字体大小

p{

font-sixe:20px;

px(像素)大小是我们网页最常用的单位

}

3.3字体粗细

css使用font-weight属性设置文本字体粗细。

font-weight:normal;bold;bolder;lighter;number

属性值: normal:不加粗

bold:定义粗体(加粗的)

100-900 :4000等同于normal 700等同于bold'

3.4文字样式

用CSS使用font-style属性设置文本样式

3.5文本属型

3.5.1文本颜色

color属性用以定义文本颜色

表现形式:

预定义的颜色值:red ,green,blue,pink

十六进制:#ffoooo,#ff6600..........

rgb代码:rgb(255,0,0)或(100%,0%,0%)

例如:

<div>我们一起学习吧</div>

3.5.2对齐文本

text-align属性用于设置元素内文本的水平对齐方式

<div>{ text-align:center; }

属性值:center,left(默认),right

3.5.3文本缩进

text-indent属性用来指定文本的第一行缩进,通常是讲段落的首行缩进,但是也可以通过设置实现每行的缩进

em是一个相对单位,就是当前元素(font-size)1个文字的大小,如果当前元素没有设置大小,则会按照父元素的1个文字大小显示。

例如:

p{

text-indent:20px/2em;

}

我们一起学习吧

我们一起学习吧

2019年黑马程序员前端入门视频教程 HTML5+CSS3-简单有趣好玩-pink老师

先讲解HTML5常用标签  ,接着讲解CSS3常见样式,主要学习盒子模型,浮动,定位还有高级布局技巧,

后讲解HTML5和CSS3提高,讲解新增加的新特性,新语法,最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。

3.5.4行间距

line-height属性用于设置行间的距离(行高)。可以控制文本行与行之间的距离。

3.5.5装饰文本

text-decoration属性可以定义文本的外观,比如文本的颜色,对齐文本,装饰文本、文本缩进、行间距等。

属性:none 没有装饰线(默认)

underline 下划线。链接a自带下划线(常用)

overline: 上划线(几乎不用)

line-through 删除线(不常用)

重点了解怎么添加下划线,怎么清除下划线。

3.6文本属性总结

color : 文本颜色 我们通常使用16进制,比如使用的简写形式#fff

text-align: 文本对齐 可以设定文本水平的对齐方式。

text-indent : 文本缩进 通常用于段落的首行缩进两字符 text-align :2em

text-decoration: 文本修饰 记住添加下划线 underline 清除下划线none.

line-height: 行高 控制行与行之间的距离