`
ldsjdy
  • 浏览: 150885 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css文本

    博客分类:
  • jsp
CSS 
阅读更多
1.CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。

2.text-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式
值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中

3.word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

4.letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。

5.text-transform 属性处理文本的大小写。这个属性有 4 个值:

    * none
    * uppercase
    * lowercase
    * capitalize

默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。顾名思义,uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后,capitalize 只对每个单词的首字母大写。

6. text-decoration 属性,这是一个很有意思的属性,它提供了很多非常有趣的行为。

text-decoration 有 5 个值:

    * none
    * underline
    * overline
    * line-through
    * blink
7.white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。 ]


CSS 文本属性
属性 描述
color 设置文本颜色
direction 设置文本方向。
line-height 设置行高。
letter-spacing 设置字符间距。
text-align 对齐元素中的文本。
text-decoration 向文本添加修饰。
text-indent 缩进元素中文本的首行。
text-shadow 设置文本阴影。CSS2 包含该属性,但是 CSS2.1 没有保留该属性。
text-transform 控制元素中的字母。
unicode-bidi 设置文本方向。
white-space 设置元素中空白的处理方式。
word-spacing 设置字间距。
分享到:
评论

相关推荐

    CSS文字组成肖像插图网页特效.rar

    【标题】:“CSS文字组成肖像插图网页特效.rar” 【描述】:“CSS文字组成肖像插图网页特效.rar”这个压缩包文件包含了一个利用CSS技术实现的独特网页设计效果,即通过排列和组合文字,创建出一个人物肖像插图。...

    css 文字投影.

    ### CSS 文字投影知识点 #### 一、CSS3 `text-shadow` 属性 在现代Web开发中,`text-shadow` 属性是实现文字投影效果的主要方法。它允许开发者为页面中的文本添加阴影,从而增强文本的视觉效果。下面将详细介绍 `...

    CSS 文字自动换行

    ### CSS文字自动换行 #### 知识点一:CSS自动换行的原理与方法 在Web开发中,实现文本的自动换行是一项常见的需求。本文档主要介绍了如何利用CSS来实现不同浏览器环境下的自动换行功能,并特别关注了对老旧浏览器...

    css3文字上下滚动切换特效.zip

    对于文字特效,CSS3提供了一系列文本属性,如`animation`、`transition`、`transform`等,可以用于创建动态效果。例如,`transform`属性中的`translateY`可以实现文字的垂直移动,配合`animation`或`transition`设定...

    CSS文字背景图

    而"CSS文字背景图"这个主题,特别指的是利用CSS技术来为文字添加背景图像或者图标,使得文本更加美观、易读且具有视觉吸引力。在给定的"font-awesome-4.3.0"压缩包中,包含了一套流行的图标库——Font Awesome。 ...

    css文本底部淡入淡出效果.zip

    css文本底部淡入淡出效果

    CSS文本教程免费下载

    本**CSS文本教程**专注于帮助初学者快速入门并掌握这一强大的样式语言。教程以易懂的方式呈现,旨在让读者在短时间内了解CSS的基础和高级技巧。 **入门CSS**: 1. **基础概念**:首先,你需要了解CSS的基本结构,如...

    CSS文本超出2行就隐藏并且显示省略号

    //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行隐藏: css3解决了这个问题,解决...

    DIV+CSS文字阴影的一个效果

    本话题将深入探讨如何利用CSS技术来创建文字阴影效果,使得网页中的文本更具视觉吸引力和深度感。 首先,让我们了解CSS中的text-shadow属性。这是一个用于添加文字阴影的样式规则,可以包含四个参数:水平偏移、...

    css.rar_css文字动画

    本教程聚焦于一个特别吸引人的应用领域:CSS文字动画,尤其是通过CSS3实现的类似好莱坞电影序幕中的片头效果。这种特效能够使文本呈现出从远至近、由模糊到清晰的动态视觉效果,为网页增添一种大气而引人入胜的氛围...

    css文字导航

    css文字导航,平时练习用的,可以把部分代码删掉来看看的变化效果

    21.1 CSS 文字样式

    在这个主题“21.1 CSS 文字样式”中,我们将深入探讨如何利用CSS来调整和美化网页中的文本元素。这包括字体选择、颜色设定、大小调整、行高、字母间距、对齐方式以及许多其他高级技术。 1. **字体家族**:CSS提供了...

    css3文字特效_css3火焰文字_css3文字渐变代码

    CSS3文字特效主要依赖于其新增的属性和功能,如文本阴影(text-shadow)、文本描边(text-stroke)、渐变(gradient)、变换(transform)等。通过这些特性,我们可以创造出丰富多彩的文字展示效果,提升网页的视觉吸引力。 ...

    CSS文本导航.rar

    "CSS文本导航"是一个关于如何使用CSS(层叠样式表)来创建高效、美观的文本菜单导航的主题。在这个主题中,我们将深入探讨CSS在构建导航菜单中的应用,以及与JavaScript(JS)特效相结合的方法。 首先,CSS允许我们...

    Css文字阴影效果代码.rar

    在网页设计中,文字阴影可以增加文本的立体感,使其在不同背景下更易读,同时也为网页增添了一丝现代感和动态效果。 CSS中的`text-shadow`属性是用于添加文字阴影的关键。它接受多个参数,包括水平偏移量、垂直偏移...

    CSS将文字显示在水平线中间测试文件

    标题中的“CSS将文字显示在水平线...总之,这个压缩包可能是一个学习和实践CSS文本居中技巧的资源集合,包括了各种CSS方法的示例代码和可能的交互式演示。通过解压和查看这些文件,开发者可以深入理解并掌握这些技术。

    网页用css排列文本呈圆型

    一个名为`css`的文件,很可能是CSS样式表,用于定义文本的布局和样式;以及一个`img`文件夹,可能包含用于辅助布局或装饰的图像资源。 首先,让我们深入了解一下如何使用CSS来排列文本呈圆形。在CSS中,我们通常会...

    css3文字颜色渐变和文字阴影特效

    CSS3的文字阴影效果可以模拟文字的立体感,为文本添加额外的视觉吸引力。通过`text-shadow`属性,我们可以定义阴影的位置、模糊半径以及颜色。例如: ```css 文字阴影: 2px 2px 4px rgba(0, 0, 0, 0.5); ``` 这里...

    动画库animate.css文字特效.zip

    这个压缩包“动画库animate.css文字特效.zip”显然包含了专门针对文字特效的Animate.css样式。以下是对这些知识点的详细解释: 1. **CSS动画**:CSS动画是通过CSS3中的`@keyframes`规则创建的,它允许在元素的不同...

    css文字漂浮动画效果.rar

    这个压缩包“css文字漂浮动画效果.rar”提供了一个实现文字漂浮动画效果的实例,这对于创建动态、引人入胜的网页界面非常有用。下面我们将详细探讨CSS文字动画及其相关的jQuery特效。 首先,CSS3引入了许多新的动画...

Global site tag (gtag.js) - Google Analytics