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;正数表示文本向右缩进的距离,反之负数表示文本向左缩进的距离
附上今天的作业小结吧,好了今天就这些