仓酷云

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

[DIV+CSS] CSS教程之CSS语法手册(二)文本属性

[复制链接]
活着的死人 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:18:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
<P>
1、letter-spacing

功效:把持文本元素字母间的间距,所设置的间隔合用于全部元素。
数值:
normal-一般间距,将字符间的间距复位为一切字体和字号的一般间距。
长度-设置字间距长度,正值暗示加进父元素中承继的一般长度,负值则p往一般长度。在数字后指定器度单元以下:mm,cm,in,pt(点数),px(象素),pc(pica),ex(小写字母x的高度),em(年夜写字母M的宽度)。
例子:


Letter-Spacing

2、line-height
功效:设置元素中文本的行间距。
数值:
normal-一般高度,一般为字体尺寸的1-1.2倍,这是缺省设置。
数字-设置元素脱靶形谋镜木嗬胛痔宄叽绯艘哉飧鍪帧@缱痔宄叽缥10点,设置line-height为2,则间距20点。
长度-用尺度器度单元设置间距,有些是相对的,有些是绝对的,详见letter-spacing中的h明。
百分比-也字体尺寸的百分比设置间距。

例子:这是第一行。
这是第二行。
这是第三行。3、text-align
功效:在元素框中程度对齐文本。
数值:
left-左对齐
right-右对齐
center-居中
justify-匀称散布,天生等长的行
例子:

对左

居中

对右

4、text-decoration
功效:文本润色,用于把持文本元素所用的效果,出格合用于惹人注重的申明,告诫等文本效果。
数值:
none-无文本润色,缺省设置。
underline-下划线。
overline-上划线。
line-through-删除线。
blink-闪灼。
统一语句中能够组合多个关头字。
例子:

underline
overline
5、text-indent
功效:文本缩排,用于段落的第一行缩排上。
数值:
长度-设置首行缩排的尺寸为指定器度单元,有些单元是绝对的,有些则是相对的,祥见letter-spacing属性的申明部分。
百分比-以行长的百分比设置首行缩排量。
例子:

文本缩排,用于段落的第一行缩排上。
6、text-transform
功效:设置一个或几个元素的年夜写尺度。
数值:
none-不改动文本的年夜写小写。
capitalize-元素中案龅ゴ实牡谝桓鲎帜赣么笮础
uppercase-将一切文本设置为年夜写。
lowercase-将一切文本设置为小写。
例子:

atext-transformexample.
atext-transformexample.
atext-transformexample.
7、vertical-align
功效:垂直对齐。
数值:
baseline-瞄准两个元素的小写字母基准线。
sub-下标。
super-上标。
top-顶部对齐。
text-top-文本顶对齐。
middle-中线对齐。
bottom-底线对齐。
text-bottom-字母底线对齐。
百分比-将线上元素基准线在父元素基准线基本上起落必定的百分比,和元素的line-height属性组合利用。
例子:

a1x2
8、word-spacing
功效:把持文本中元素单词间的间距。设置的间距合用于全部元素,不克不及在某个单词间拔出更年夜或更小的间距。
数值:
normal-一般间距。
长度-假如长度为正,则加进从父元素承继的一般长度,假如是负值,则减往。
例子:

AWordSpacingExample




目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
因胸联盟 该用户已被删除
沙发
发表于 2015-1-18 06:02:12 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
只想知道 该用户已被删除
板凳
发表于 2015-1-24 16:23:22 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
莫相离 该用户已被删除
地板
发表于 2015-2-2 11:18:18 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
蒙在股里 该用户已被删除
5#
发表于 2015-2-7 19:05:46 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
不帅 该用户已被删除
6#
发表于 2015-2-23 09:05:59 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
兰色精灵 该用户已被删除
7#
发表于 2015-3-7 08:00:56 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-14 19:44:24 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
小魔女 该用户已被删除
9#
发表于 2015-3-21 15:23:54 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 07:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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