Css基本样式————文本-创新互联
一、CSS文本属性可定义文本外观
创新互联建站专注于邳州企业网站建设,自适应网站建设,商城网站制作。邳州网站建设公司,为邳州等地区提供建站服务。全流程按需求定制开发,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务二、通过文本属性,可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本缩进
三、常用属性:
color 文本颜色
body{ color: aqua; }查看颜色
这里给body设置color,在p标签中可以看到效果
说明color这个属性是可以继承的
direction 文本方向
line-height 行高
letter-spacing 字符间距
text-align 对齐元素中的文本
p{ color: red; text-align: right; }Hello World
text-decoration 向文本中添加修饰
text-indent 缩进元素中文本的首行
h4{ text-indent: 2em; }静夜思
床前明月光
疑是地上霜
举头望明月
低头思故乡
也可以按百分比缩进
text-transform 元素中的字母
p{ text-transform: capitalize; }there is a beautiful girl
a so lovely girl
i always tell myself "never give up,never give up, never give up!"
capitalize:把所有单词的首字母大写
lowercase:全部变小写
uppercase:全部变大写
inherit(中文意思为“继承”):默认方式(不改变原文内容)
unicode-bidi 设置文本方向
white-sapce 元素中空白的处理方式
word-spacing 字间距
四、CSS3文本效果:
text-shadow:向文本添加阴影
p{ text-shadow: 5px 5px 5px #FF0000; }there is a beautiful girl
a so lovely girl
i always tell myself "never give up,never give up, never give up!"
text-shadow需要设置4个值
第一个值:相对于原本文字距左的距离
第二个值:距当前文本上方的位置
第三个值:清晰度
第四个值:背景颜色
word-wrpa:规定文本的换行规则
p{ width: 100px; text-wrap: normal; }
width:100px; 设置p元素整体宽度为100
text-wrap:normal; 自动换行
此外还有一个功能
如果
内写的是英文,"text-wrap"这个属性不会把当前的文字拆开(这个效果非常不错)另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享文章:Css基本样式————文本-创新互联
标题路径:http://scyanting.com/article/dhejoe.html