CSS文本属性
字体font属性针对的是单个字的字体格式font-family、大小font-size、粗细font-weight等样式,
文本text属性针对的是文本,不是单个字符,比如文本的字符间距letter-spacing、行高line-height...
文本属性
含义
color
文本颜色,1.十六进制#adffee,2.关键字red、green,3.rgb模式rgb(255,34,0)
line-height
行高,约束文字、行内元素、行内块元素
letter-spacing
字符间距,一个汉字、一个英文字母
word-spacing
字间距,一个英文单词
direction
文字方向,默认值ltr表示文字从左向右排列,值rtl表示文字从右向左排列。
text-align
文字对齐方式,left左对齐,right右对齐,center居中
text-decoration
添加下划线underline、上划线overline...
text-indent
首行缩进,比如text-indent:32px表示首行缩进32px
...
...
文字颜色color
所有的颜色都可以通过RGB三原色表示,如果使用十进制描述,比如红色成分R用0~255表示,0相当于无红色,255表示红色的最大值,红色被分级256份,
255恰好是2的八次方,用二进制表示就是11111111,
用十六进制表示就是FF,使用英文作为关键字描述就是red。就本人个人习惯而言几百种常用的设计颜色,就记住初中英文中常提到的颜色,因为在接触CSS之前,接触的是底层的光学、图形学
计算机知识,平时表达颜色的时候习惯于用二进制、十六进制形式。有编程基础理解这些没有任何问题,没有编程基础也没关系,你不用管几进制,一个网站的完成需要多个人参与,
有的侧重技术的,有的侧重网页效果,每个人专业习惯不同,思考方式不同。每次设计网页的时候,
可以通过可视化颜色表查找一个颜色对应值。
CSS颜色值、颜色名对照表
.p2{color:red;/*关键字*/}
.p3{color:rgb(255,0,0);/*rgb(),r、g、b分别是red、green、blue的首字母*/}
.p4{color:rgba(255,0,0,0.8);/*rgba中第四个参数a表示文字透明度,*/}
文本居中text-align
text-align的默认值是left,文本靠左,center表示文本居中,right表示文本右对齐。子元素会继承父元素的text-align值,也就是说你如果不希望子元素里面的文本居中,需要重新定义text-align
的属性值。
修身齐家治国平天下