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: 行高 控制行与行之间的距离