美文网首页
文本样式

文本样式

作者: 咔狼 | 来源:发表于2018-07-09 22:27 被阅读0次
1. 文本对齐方式 text-align

left(左对齐,默认值)
right(右对齐)
center(居中对齐)
justify(两端对齐)
注意:还可使行级、行块级元素对齐,但一定要给 其父元素。

2. 文本修饰 text-decoration

文本修饰 text-decoration
underline(下划线)
overline(上划线)
line-through(删除线)

3. 首行缩进 text-indent

px(允许使用负值)
em(1em等于一个字的宽度)

4. 文本溢出处理 text-overflow

clip(超出裁剪)
ellipsis(超出出现省略号)

单行超出用省略号显示:
overflow:hidden; 超出隐藏
text-overflow:ellipsis; 文本超出用省略号代替
white-space:nowrap; 不允许换行
5. 文本字母处理 text-transform

none(正常显示)
capitalize(单词首字母大写)
uppercase(单词全部大写)
lowercase(单词全部小写)

6. 字间距 letter-spacing

示例: letter-spacing: 30px;

7. 词间距(对中文无效)word-spacing

示例: word-spacing: 30px;

8. 文本换行方式 white-space

nowrap(只有遇到<br />才会换行)
normal(默认换行方式)
pre(保留空格、缩进、换行,但是文本不会自动换行)
pre-line(合并空格、缩进、换行,文本自动换行)
pre-wrap(保留空格、缩进、换行、并且文本自动换行)

9. 单词换行方式 word-break

break-all(允许在单词内换行)
normal(默认换行方式)
keep-all(不允许在单词内换行)

10. 鼠标指针 cursor (css3)

auto(默认,浏览器设置的光标)
pointer(光标呈现为指示链接的指针)
move(此光标指示某对象可被移动)
text(光标指示文本)
wait(标指示正忙)
help(光标指示帮助)

11. 元素透明度

opacity (主流浏览器)
值:0-1 0为完全透明,1为完全不透明

filter: alpha(opacity=50) (兼容IE8及其以下)
值:0-100 0为完全透明,100为完全不透明

12. 嵌套规则

p, h标签里面不能嵌套其他所有元素
行级元素不能嵌套块级元素,除了a标签

12. 对齐方式

行级和行块级垂直对齐方式
vertical-align: (top)(middle)(bottom)

相关文章

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • Flutter组件

    文本及样式 Text: 显示简单样式文本TextStyle: 指定文本显示的样式TextSpan: 对一个Text...

  • Css样式--文本样式详解

    Css样式--文本样式详解 文本样式包括所谓的文本缩进:text-indent水平对齐:text-align:ce...

  • CSS(四)文本样式设置

    颜色表及HTML代码(部分) 文本样式 文本样式:对齐方式、文本修饰文本转换、文本缩进.... 作用:美化、修饰页...

  • CSS-1

    全局样式 类样式 背景样式 外部样式 文本样式 属性属性值作用color表示颜色的内容设置文本颜色directio...

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • 文本样式

    em即“emphasize”。 表示强调, 表示更强烈的强调。 默认样式是斜体, 默认...

  • 文本样式

    字体 通过font-family可以同时指定多个字体例如:p{font-family:Arial , Helvet...

  • 文本样式

    文本标签 em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。通常em显示为斜体,而st...

  • 文本样式

    1. 文本对齐方式 text-align left(左对齐,默认值)right(右对齐)center(居中对齐)j...

网友评论

      本文标题:文本样式

      本文链接:https://www.haomeiwen.com/subject/veztpftx.html