仓酷云
标题: CSS教程之CSS语法手册(二)文本属性 [打印本页]
作者: 活着的死人 时间: 2015-1-16 00:18
标题: CSS教程之CSS语法手册(二)文本属性
有了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
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
作者: 只想知道 时间: 2015-1-24 16:23
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 莫相离 时间: 2015-2-2 11:18
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 蒙在股里 时间: 2015-2-7 19:05
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者: 不帅 时间: 2015-2-23 09:05
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者: 兰色精灵 时间: 2015-3-7 08:00
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
作者: 灵魂腐蚀 时间: 2015-3-14 19:44
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
作者: 小魔女 时间: 2015-3-21 15:23
滚动条)层属性--溢出(visible/hidden/scroll/auto)
欢迎光临 仓酷云 (http://ckuyun.com/) |
Powered by Discuz! X3.2 |