1.文字样式

1.文字颜色 color：属性值；

其中属性值包括颜色名称，如red、blue、yellow等等；

其次还有十六进制值，如#aabbcc，aa、bb、cc分别表示红绿蓝，其数值由00~ff为一个十六进制数，值越大表示对应的颜色参与的越多，反之越少；

最后还有一个RGB值，如rgb（255,0,0），这三个数值也分别表示红绿蓝三种颜色所占比例，每个数值为0~255。也可以是英文的颜色如color: rgb(red, green, blue);

2.文字类型 font-family:宋体；

font-family后可以写三种字体样式，以应对不同浏览器的适用。若设置的样式对应的浏览器都不支持，那么将使用对应浏览器默认的样式。这里的样式值可以写中文如：宋体、楷体等等，也可以是英文如Time New Roman

3.文字大小 font-size:18px;

font-size后直接跟学要设置的字体大小，这里的值可以是数字，数字加单位，也可以是英文，如：small、large、medium等等

4.文字粗细 font-weight:400;

font-weight表示字体的粗细，可以设置100、200~700,其中400表示默认粗细，700表示加粗和bold相同作用，还可以是bold，lighter，normal等等

5.字体样式 font-style:normal;

font-style可以填的属性包括normal，italic，oblique。后两个表示斜体，但主要使用italic，oblique支持的浏览器比较少

6.字体行高 line-height:18px;

可以给文字段落设置行高，一般行高要求设置的值要大于文字的大小，防止文字被挤压变形。字体行高还有一个作用就是可以让文字垂直居中显示。

2.文本样式

1.文本对齐 text-align:center;

文本对齐可以填入的值包括center，left，right，justify（两端对齐），inherit(表示继承自父元素的text-align的样式）

2.文本间距

文本缩进 text-indent：2rem;正数表示文本向右缩进的距离，反之负数表示文本向左缩进的距离

附上今天的作业小结吧，好了今天就这些

CSS基础的文字样式相关推荐

css设置流光文字样式
css设置流光文字样式主要属性:-webkit-background-clip:text 表示元素的背景保留在前景内容中(文字) 和其形状大小相同 -webkit-text-fill-color:t ...
CSS基础(part7)--字体样式属性
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录 CSS CSS的长度单位字体样式属性 font-size font-family font-weight font-style fon ...
CSS 3之文字样式
文字样式 1. 定义文字颜色 3. 定义文字的字号 1. 定义文字颜色在 css 样式中,多使用 color属性定义颜色: 例子1 : <!DOCTYPE html> <html& ...
html+css基础笔记_CSS样式_part1_2
1.CSS背景样式属性: background-color:背景色 background-image:背景图 url背景地址,默认水平垂直铺满背景图写法:background-image: url ...
【CSS基础】文字垂直居中
文字垂直居中 1.高度为百分比,line-height 不知道设置具体的数值的情况,利用伪元素进行居中 HTML <div class="father"><div ...
CSS基础之背景样式
目录前言: 一:颜色背景二:图片背景三:致我们前言: 当我们在网上浏览各种好看的页面时,网页的背景样式往往是吸引我们眼球的重要因素,有用颜色作为背景图的,也有用图片作背景图的.那么怎样利用CS ...
CSS基础笔记——边框样式
在浏览网页的过程中,边框样式随处可见.几乎所有的元素都可以定义边框边框样式有三个属性想要为一个元素定义边框样式,必须要同时设置border-width.border-style.border-co ...
css基础知识（样式及选择器）
首先说明css的语法结构:选择器{属性:属性值;属性:属性值;}注意分号是一定要写,不写下面的属性就没效果一,css引入方式分为四种引入方式:1,行内样式 2,内嵌样式 3,外链样式 4,导 ...
CSS基础之字体样式
目录一:font-family 字体类型二:font-size 字体大小三:font-wehght 字体粗细四:font-style 字体斜体五:color 字体颜色 CSS中字体样式属性 ...
css基础：表格样式、一级菜单、BFC浮动影响
<html lang="en"> <head> <meta charset="UTF-8"> <tit ...

CSS基础的文字样式

1.文字样式

2.文本样式

CSS基础的文字样式相关推荐

最新文章

热门文章