学习导航
成都创新互联是专业的新城网站建设公司，新城接单;提供网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行新城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
1、css中的长度与颜色
2、css中的文字属性
3、css中的文本属性
1、文字样式属性
font-family 字体属性
作用：元素内文字以什么字体来显示
语法：font-family:[字体1],[字体2],[......];
说明：含空格字体名和中文，用英文引号（"）括起；多个字体用英文逗号隔开；引号嵌套，外使用双引号，内使用单引号。
font-size 文字大小
作用：元素内文字大小
语法：font-size:绝对单单位，相相对单位
color 文字颜色
语法：颜色名|十六进制|RGB
font-weight 文字粗细
语法：font-weight:normal 正常 | bold 加粗 | bolder 加粗 | lighter 细体 | 100-900
说明：默认值：normal 400等同于normal,而700等同于bold
font-style 文字样式
作用：为元素内文字设置样式
语法：font-style:normal 正常显示 | italic 文字倾斜 | oblique 文字倾斜（基本不用）
font-variant 字体变形
作用：设置元素中文本为小型大写字母
语法：font-variant:normal 正常显示| small-caps 将英文大小写字母调成为同宽
font 属性简写
语法：font:font-style font-variant font-weight font-size/line-height font-family;
说明：值之间空格隔开，注意书写顺序。
2、CSS文本样式
text-align
作用：设置元素内文本的水平对齐方式
语法：tex-align:left 左对齐 | right 右对齐 | center 居中对齐 | justify 两端对齐
注意：该属性对块级元素设置有效
line-height
作用：设置元素中文本行高
语法：line-height:长度值 | 百分比
说明：一行文字的高度，行高指文本行的基线间的距离
文字基线
注意：基线并不是汉字文字的下沿，看图理解自行理解
行高和行距
行高：基线到基线的距离
行距：底线到顶线的距离
注意：看图自行理解
行框和行内框
注意：看图自行理解
vertical-align
作用：设置元素内容的垂直方式
语法：vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom | 长度 | 百分比
注意：看图自行理解
text-indent 首行缩进
3、文本样式属性
text-transform: capitzlize 首字母大写 | uppercase 字母大写 | lowercase 字母小写 | none 正常
text-decoration: underline 下划线 | overline 上划线 | line-through 删除线 | none 正常
综合实操案例
如果您觉得有用，记得在下方点赞、关注、留言，我会定期奉 上更多的惊喜哦，您的打赏支持才是我继续努力的动力，么么哒。
每日分享在学习过程中总结的学习经验，学习笔记，笔试题，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术。陪有梦想的人一起成长！
CSS中的字体颜色有两种表示方式，分别是：
1，颜色名,比如：color:white；
2，RGB，比如color:rgb(255,255,255);
3,16进制,比如color:#fff;
除第一种表示很有限之外，后面两种可以改变不同的数值来表示不同的颜色。亲可以百度一下“颜色对照表”查看常用的颜色不同方式的表示方法。
方法一、直接使用font标签：font
color='red'123
方法二、使用p标签p
style="color:red;"123
方法三、使用span标签span
style="color:red;"
最后，方法2、3上面，都可以将内联style改为class引用样式的方式，如下：
扩展资料：
字体设置的属性，除了颜色之外，还有字体大小，字体加粗，字体类型等。比如：
字体大小：font-size:12px；//表示字体大小设置为12px,浏览器默认字体大小就是12px
字体加粗：font-weight:bold;
字体类型:font-family:微软雅黑,宋体,
'New
York';// font-family翻译为中文是“字体家族”，就是告诉浏览器，优先使用哪一种字体，谁排在最前面，就先使用这种字体，这里是“微软雅黑”；
参考资料：MDN技术文档-基本文本和字体样式：字体
font-size:12px;
body bgcolor="#000000"
body bgcolor="rgb(0,0,0)"
body bgcolor="black"。
一、认识CSS 颜色（CSS color）
这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。
1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色。
2、颜色规范与颜色规定：网页使用RGB模式颜色。
二、颜色基础知识
网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感（特别是超链接中运用）、美观之用，同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。
传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。
CSS color颜色语法：
color:#000000;
Css样式中color后直接加RGB颜色值（#FFFFFF 、#000000 、#F00）
RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。
三、两种方法设置对象颜色样式。
1、在DIV标签内使用color颜色样式。
div style="color:#F00";/div。
2、在CSS选择器中使用color颜色样式CSS代码：
.divcss5{color:#00F}
/* 设置对象divcss5内文字为蓝色 */
扩展阅读：这里运用了CSS注释对此样式设置说明，了解CSS 注释。
3、DIV+CSS颜色样式完整案例：
Css代码。
这要添加的是高级CSS样式,先添加类样式如命名为.ccc然后添加高级样式命名为.CCC:link--链接的颜色 .CCC:hover--鼠标经过的颜色 .CCC:visited--鼠标点击过后的颜色.谢谢采纳
