一天搞定CSS:文本text--05
2017-05-06 16:59
471 查看
1.文本体系
2.文本各属性取值
说明:每一个属性后面的分支是属性值,以及对属性值的说明。 比如text-align- - - -有3个取值:left,center,right
3.空格大小
4.代码演示
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 文本 color 颜色 text-algin 文本的对齐方式 text-indent 首行缩进(em缩进字符) text-decoration 文本修饰 letter-spacing 字母的间距 word-spacing 单词的间距(以空格来解析) white-space 强制不换行 --> <style type="text/css"> div{ width: 1000px; border: 1px solid blue; font: bold 30px/50px "微软雅黑"; /*text--set*/ color: red; text-align: center; text-decoration: line-through; letter-spacing: 5px; text-indent: 2em; white-space: nowrap; } </style> </head> <body> <div id=""> 我在学习H5教程,我会成为前端大神的! </div> </body> </html>
相关文章推荐
- CSS text-transform 属性——转换文本的大小写格式
- CSS文本对齐text-align详解
- 一天搞定CSS:css选择器--07
- CSS基础:text-overflow:ellipsis溢出文本显示省略号的详细方法
- CSS限制文本长度,运用text-overflow
- 一天搞定HTML----标签类型与类型转换05
- 单行文本过长自动替换为省略号的css写法:text-overflow:ellipsis;
- CSS文本对齐text-align详解
- 图解 CSS (6): text - 文本格式
- CSS学习笔记:溢出文本省略(text-overflow)
- css中的多样化文本阴影:text-shadow
- css关于文本缩进text-indent属性
- 一天搞定CSS:表单(form)--20
- CSS(3) Text(文本)
- CSS 文本渲染属性text-rendering的介绍和使用示例
- CSS 文本下划线 text-decoration
- CSS——文本样式(text-indent,text-transform,text-decoration,text-justify)
- css text-overflow防止文本溢出
- CSS——文本样式(text-indent,text-transform,text-decoration,text-justify)
- 一天搞定CSS:支持IE的Layout布局--16