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;正数表示文本向右缩进的距离,反之负数表示文本向左缩进的距离

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐