本文编辑:小秋同学

DIVCSS 第二章 CSS文字与文本【学习吧CMS】

小秋同学 03-26 20:58:41 网站教程
摘要: 今天是CSS的第二章,主要是3点内容:1、CSS 中长度与颜色;2、CSS 中的文字属性;3.CSS 中的文本属性。一、CSS 中长度与颜色1、长度单位说明in 英寸cm 公分mm 公里cm 以目前字体高度为单位ex 以小写字母高度为单位(大部分不支摘要: 今天是CSS的第二章,主要是3点内容:1、CSS 中长度与颜色;2、CSS 中的文字属性;3.CSS 中的文本属性。一、CSS 中长度与颜色1、长度单位说明in 英寸cm 公分mm 公里cm 以目前字体高度为单位ex 以小写字母高度为单位(大部分不支

今天是CSS的第二章,主要是3点内容:1、CSS 中长度与颜色;2、CSS 中的文字属性;3.CSS 中的文本属性。

一、CSS 中长度颜色

1、长度单位说明

in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位(大部分不支持)
pt 1pt/72英寸
pc 1pc/12pt
px 像素(推荐使用)

2、颜色单位: 说明

十六进制如:color:#ff0000
颜色名称如:color:red
三原色单位如:rgb(255,0,0)
一般最常用的是十六进制,三原色单位的原理【红(r),绿(g),蓝(b)】混合而成,每个值域在0-255之间。

二、CSS 中的文字属性

属性名称  属性值  说明
font-style  normal  正常显示
italic    斜体
font-variant normal  正常显示
     small-caps  将英文大小写字母写调为同宽
font-weight normal  正常显示
      bold 粗体
font-size  像素     字体大小
     百分比    字体大小
font-family  字体名称  设置字体名称

font属性简化的使用方法:

font:是否斜体 是否同宽 是否粗体 大小 字体名称
例如:

  1. font:italic bold 200 隶书

复制代码

三、CSS中的文本属性

属性名称  属性值   说明
color    十六进制  颜色
      英文名称  颜色
      三原色单位 颜色
letter-spacing normal  正常显示
      长度文本  间隔
word-spacing normal 正常显示
       数字单词  间距
white-space normal   文本自动处理换行
       pre    换行和空白受保护
      nowrap   强制在同一行显示
text-align  left     文字靠左
      right     文字靠右
      center    文字靠中
text-decoration none  正常显示
        underline  加上下划线
        overline   加顶线
        line-through 加删除线
text-indent   长度     首行缩进
        百分比    同上
line-height    像素     行高
       数字/百分比   行高
text-transform none     正常显示可以包含大,小字符
        capitalize   字符串第一个字符大写
        uppercase   设置大写字符
        lowercase    设置小写字符
vertical-align  sub       设置文字为下标。
       super       设置文字为上标。
        top      元件往上端靠齐。
       middle     设置文字是在中线位置。
       bottom     元件往下端靠齐。


文章版权及转载声明:

编辑:小秋同学本文地址:http://www.muyuren.com/study/382.html发布于 03-26 20:58:41
文章转载或复制请以超链接形式并注明出处小七日记-记录的生活点点滴滴的个人网
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论
加载中~