仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 561|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS基本教程:CSS的Text 文本

[复制链接]
蒙在股里 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:00 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
有一系列属性能够改动网页笔墨的巨细和外形,提要以下:

font-family

  笔墨利用的字体,好比宋体,TimesNewRoman,Arial等等
  这个属性必需具体制订,不克不及利用偏远的字体,要利用平安字体(好比arial,verdana和timesnewroman和宋体),能够同时指定很多字体,只需利用逗号分隔便可。如许的意图是,假如用户电脑里没有第一个字体扫瞄器可使用前面指定的字体。这十分有效,由于分歧的电脑具有分歧的字体。例子font-size:arial,helvetica,pc用户可使用arial而苹果mac用户可使用helvetica。
  注重:假如字体的称号有很多单词构成,利用双引号组合,好比,font-family:"TimesNewRomes"。

font-size

  字体的巨细,要当心利用。好比题目不会和段落一样,它要用年夜字体,你可使用h1h2等等。

font-weight

  这个属性决意字体是不是加粗。在实践使用中一般利用font-weight:bold或font-weight:normal。实际上还可使用bolder,lighter,100,200,300,400,500,600,700,800or900,但有些扫瞄器不认,仍保持bold和normal。

font-style

  这个属性决意字体是不是是斜体,多是font-style:italic或font-style:normal。

text-decoration

  这个属性决意是文本否必要下划线。能够是:

  text-decoration:overline,加上划线
  text-decoration:line-through,加经由过程文本的线条。
  text-decoration:underline,这应当利用在链接上,由于用户习气以为它代表链接。
text-transform改动文本的情形。

text-transform:capitalize,让每一个字的第一个字母年夜写。
text-transform:uppercase,一切年夜写。
text-transform:lowercase,一切小写。
text-transform:none;,这个属性不起感化。
body{
font-family:arial,helvetica,sans-serif;
font-size:0.8em;
}
h1{
font-size:2em;
}
h2{
font-size:1.5em;
}
a{
text-decoration:none;
}
strong{
font-style:italic;
text-transform:uppercase;
}
Textspacing

  letter-spacing和word-spacing属性的意义是字母和笔墨之间的距离。值能够是长度或normal。

  line-height属性设定元素的行高,好比一个段落,没有调准字体的巨细。它能够是数字(字体巨细的倍数),长度,百分比或normal。

  text-align设定元素地位,left,right,center或justify。

  text-indent属性缩进段落的首行。这在打印时常常设置,但网页里一般用不上。

p{
letter-spacing:0.5em;
word-spacing:2em;
line-height:1.5;
text-align:center;
}
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
蒙在股里 该用户已被删除
沙发
 楼主| 发表于 2015-1-18 05:50:16 | 显示全部楼层
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-24 00:45

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表