`

设置文字的字体

    博客分类:
  • css
 
阅读更多

1. 设置字体

font-family: "Times New Roman",Arial;

font-family: 微软雅黑,黑体,宋体;

说明:设置的字体是操作系统自带的,设置多种用逗号隔开,如果第一种没有就用第二种,依次向后选择,后面的都是备选字体。

 

2. 设置文字的倾斜效果

font-style: italic; /*意大利体*/

 

3. 设置文字的加粗效果

font-weight: bold;/*加粗*/

font-weight: normal;/*不加粗*/

 

4.设置英文字母大小写转换

text-transform: capitalize;/*首字母大写*/

text-transform: uppercase;/*全部大写*/

text-transform: lowercase;/*全部小写*/

 

5. 设置文字的大小

font-size: 36px;

 

6. 设置文字的装饰效果

text-decoration: none;/*无装饰*/

text-decoration: underline;/*下划线*/

text-decoration: line-through;/*删除线 原价990*/

text-decoration: overline;/*上划线*/

 

7. 置段落首行缩进

text-indent: 2em;

说明:2em表示缩进两个中文文字。

 

8. 设置字词间距

word-spacing: 20px;/*设置英文单词左右间距*/

letter-spacing: 2px;/*设置单个字母左右间距*/

说明:中文文字表示一个字母,所以中文文字用letter-spacing进行设置。

 

9. 设置字词行高

line-height: 1.5;

说明:字体默认行高为1.2,表示字体的行高是字体高度的1.5倍。

 

10. 设置文本的水平位置

text-align: left;/*左对齐*/

text-align: right;/*右对齐*/

text-align: center;/*中间对齐*/

text-align:justify;/*两端对齐*/

说明:text-align:justify主要用于段落文章,跟world中文字两端对齐效果一样。

 

11. 设置文字和背景的颜色

color: blue;/*设置字体颜色*/

background-color: red;/*设置背景颜色*/

 

12. 设置垂直对齐方式(使用三层div)

<html>

<head>

  <title>Universal vertical center with CSS(设置垂直对齐方式)</title>

  <style>

    .greenBorder {border: 1px solid green;} /* just borders to see it */

  </style>

</head>

<body>

  <div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">

    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">

      <div class="greenBorder" style=" #position: relative; #top: -50%">

        any text<br>

        any height<br>

        any content, for example generated from DB<br>

        everything is vertically centered

      </div>

    </div>

  </div>

</body>

</html>

分享到:
评论

相关推荐

    Android实现文字转图片

    本文将详细讲解如何实现这个功能,包括设置文字的大小、字体、颜色、透明度,以及背景色、背景透明度,并指导如何将生成的图片保存到SD卡上。 首先,我们需要在Android项目中添加必要的依赖。为了绘制文字,我们将...

    微软雅黑字体

    在本例中,msyh.reg可能包含将微软雅黑字体安装到系统字体库的相关设置,运行这个文件可以将字体关联到系统,使得用户可以在各种应用程序中使用该字体。注册表是Windows操作系统中存储系统和应用程序配置信息的关键...

    c#加载字体、绘制文字、旋转文字、设置文字角度、设置字体字号实例

    本文将深入探讨如何加载字体、绘制文字、旋转文字、设置文字角度以及调整字体字号,这些都是C#中GDI+(Graphics Device Interface Plus)库的重要组成部分。 首先,加载字体涉及到获取系统中的字体列表。在C#中,...

    CSS美化网页文字1案例.pdf

    1. 设置文字字体:CSS提供了多种方式来设置文字字体,例如使用font-family属性设置文字字体,例如 `&lt;style type="text/css"&gt;p{font-family: 黑体;}&lt;/style&gt;`。 2. 设置文字字号:CSS提供了多种方式来设置文字字号,...

    android设置TextView中不同的文字字体大小且垂直居中显示

    String text = "大字体文字 小字体文字"; SpannableString spannableText = new SpannableString(text); ``` 2. 设置字体大小:使用`CharacterStyle`子类`RelativeSizeSpan`来改变部分文本的大小。例如,我们想...

    设置字体、字号等格式属性

    在Qt框架中,设置字体、字号以及各种格式属性是创建用户界面时不可或缺的一部分。Qt提供了一套丰富的类和方法,使开发者能够轻松地定制文本显示的样式,包括字体选择、大小调整、样式修饰(如加粗、斜体、下划线)...

    Halcon字体设置.hdev

    Halcon 字体设置

    QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标

    针对标题和描述中提到的问题,我们将详细探讨如何在QT中设置字体属性、窗口背景色以及隐藏鼠标图标。 1. **设置字体轮廓**: 在QT中,我们可以使用`QPainter`类来绘制文本,并通过`QPen`设置轮廓。首先,创建一个`...

    动态设置android webview字体大小DEMO

    这个"动态设置android webview字体大小DEMO"是一个示例项目,专门演示如何在运行时调整WebView中显示的文本的字体大小,以提高用户体验,特别是对于视力不好的用户或者希望自定义阅读体验的用户来说,这是一个非常...

    仿微信改变app的字体大小功能,设置应用字体大小

    在Android开发中,为了提供更好的用户体验,经常需要自定义应用的字体大小,使其与系统设置独立,例如微信就提供了这样的功能。本篇文章将详细讲解如何实现一个类似微信的App字体大小设置功能,使得用户可以在应用内...

    MFC设置字体及颜色

    // 设置文字颜色为红色 pDC-&gt;SetBkColor(RGB(255, 255, 200)); // 设置文字背景色 pDC-&gt;SetBkMode(TRANSPARENT); // 设置背景模式为透明 return (HBRUSH)m_brush.GetSafeHandle(); // 返回画刷句柄 } } ...

    CSS布局中设置字体文字大小值大于行高值.docx

    * `vertical-align`:设置文字的垂直对齐方式。 这些样式属性可以与 `line-height` 和 `font-size` 结合使用,以达到更好的文字显示效果。 七、总结 在 CSS 布局中,设置字体文字大小值大于行高值是非常重要的。...

    qt中qlabel设置字体阴影的方法

    本文将详细讲解如何在Qt中为QLable设置字体阴影,并提供一个完整的测试工程案例。 首先,我们要了解Qt中的富文本标记语言(Qt Rich Text),它是基于HTML的一种简化版本,可以用来控制文本的样式,包括字体、颜色、...

    单元格字体格式设置

    1. **文字颜色**:在“字体”区域,你会看到一个颜色选择器,可以更改文本颜色。单击后出现的颜色板可以选择预设颜色,或者自定义颜色。 2. **背景颜色**:若想改变单元格背景,可以点击“填充色”图标,选择一个...

    web页面字体设置

    本文将深入探讨“Web页面字体设置”的相关知识点,包括字体类型、字体样式、字体大小、字体颜色、字体对齐方式以及跨浏览器兼容性等方面。 首先,我们来了解Web页面上可用的字体类型。在Web设计中,有三种主要的...

    PB9.0开发的调用系统字体设置字号

    具体到标签,“PB”代表PowerBuilder,“字体”是指应用中文字的样式,包括字体类型(如宋体、黑体等),“字号”是字体的大小,单位通常是点或像素。“动态”则表示这些设置能够在运行时根据需要进行改变,而不是在...

    【安卓】全局字体设置&修改字体样式

    在安卓平台上,对全局字体进行设置和修改字体样式是一项常见的需求,这有助于用户根据个人喜好或特殊需求定制设备的显示效果。...对于阿里-惠普体这样的优质字体,只需简单几步,就能让设备的文字显示焕然一新。

    C++操作word:插入文字、图片、表格,设置样式字体

    本文将深入探讨如何使用C++与Word交互,实现插入文字、图片、表格以及设置样式字体等基本功能。我们将基于Visual Studio 2010(VS2010)开发环境,并利用DAO(Data Access Objects)来访问ACCESS数据库,生成包含...

    QT4 设置字体

    在QT4中设置字体是开发者为了提供个性化或者符合特定需求的视觉体验所必需掌握的一项技能。在Linux环境下,由于系统字体可能不包含所有用户所需的字符集,因此,有时需要自定义字体库来满足特殊需求,比如使用特定的...

Global site tag (gtag.js) - Google Analytics