专栏首页小白编程CSS3 text 学习笔记

CSS3 text 学习笔记

CSS3 text属性

  • text-align(文本对齐方式)
  • text-decoration(添加文本修饰)
  • text-indent(首行缩进)
  • text-shadow(设置阴影)
  • line-height(设置行高)
  • letter-sapcing(设置字符间距)

text.html

  <head>
    <title>text</title>
    <link rel="stylesheet" href="style_text.css" type="text/css" />
  </head>
  <body>
    <h2>Hello World</h2>
    <p>无穷的远方,无数的人们,都与我有关,很高兴和你建立这份连结。</p>
  </body>

text-align

  • 规定文本的水平对齐方式
  • 默认值由浏览器决定
  • 可能的值:left(左对齐),right(右对齐),center(居中),justify(两端对齐)

style_text.css

h2 {
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-style: italic;
}
p {
  text-align: center;
  font-style: italic;
  font-weight: bold;
}

text-decoration

  • 规定添加到文本的修饰
  • 默认值为none
  • 可能的值:none,underline(下划线),overline(上划线),line-through(删除线),blink(闪烁的文本)

text-indent

  • 规定首行缩进
  • 可能的值:固定的缩进(默认为0)

text-shadow

  • 设置文本阴影
  • 所需参数h-shadow,v-shadow,blur,color
  • h-shadow:水平阴影的位置,即水平偏移量
  • v-shadow:垂直阴影的位置,即垂直偏移量
  • blur:模糊的距离
  • color:阴影的颜色

style_text.css

h2 {
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-style: italic;
}
p {
  text-align: center;
  text-decoration: underline;
  text-shadow: 2px 2px 4px black;
  color: white;
  font-style: italic;
  font-weight: bold;
}

本文分享自微信公众号 - 小白也编程(program_learning),作者:LRainner

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 初探numpy

    LRainner
  • 初探numpy——广播和数组操作函数

    若数组a,b形状相同,即a.shape==b.shape,那么a+b,a*b的结果就是对应数位的运算

    LRainner
  • html5 引用 预格式化文本 学习笔记

    https://blog.csdn.net/iroycn/article/details/46534047

    LRainner
  • PC逆向之代码还原技术,第五讲汇编中乘法的代码还原

    在汇编中,乘法指令使用 IMUL 或者 MUL指令. 一般有两种形式 IMUL reg,imm 这种指令格式是 reg * imm的结果 重新放到reg中. ...

    IBinary
  • 使用JavaScript调用Microsoft XMLDOM库进行XML字符串的解析

    Jerry Wang
  • 中移集成-首届OneCity编程大赛复盘

    比赛链接:https://js.dclab.run/v2/cmptDetail.html?id=457 本文章代码链接:https://github.com/...

    致Great
  • nProtect APPGuard安卓反外挂分析

    1.最近在学习手游保护方面的技术,本文是学习过程中分析某反外挂的一点记录,高手莫要见笑,有不对的地方还请指教,首先简单通过资源目录中文件名做基本了解,

    我是小三
  • PHP解析Markdown库,parsedown扩展自定义语法

    在开发系统过程中,有些信息编写储存是使用Markdown通用语法,但由于各个平台的会新增一些独特规范,一般的解析库都是只包含了标准语法,对于自定义语法是不支持解...

    宣言言言
  • HTML5 SVG+CSS3霓虹灯文字边框动画特效

    AlexTao
  • 创建SvcHost.exe调用的服务原理与实践

    1. 多个服务共享一个Svchost.exe进程利与弊 windows 系统服务分为独立进程和共享进程两种,在windows NT时只有服务...

    战神伽罗

扫码关注云+社区

领取腾讯云代金券