仓酷云

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

[DIV+CSS] DIV教程之CSS教程:行高line-height属性(1)

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

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

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

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
相干文章:CSS教程:行高line-height属性(2)
行高的观点看上往很复杂——笔墨行的高度,实在,行高所触及到的基本常识,关于从此了解别的属性也很主要。年夜片密密层层的笔墨常常会让人以为有趣,因而得当地调剂行高(line-height)能够减低浏览的坚苦与单调,而且使页面显得美妙。行高指的是文本行的基线间的间隔,可是文本之间的空缺间隔不单单是行高决意的,同时也受字号的影响。7.3.1语法line-height属性的详细界说列表以下:语法:line-height:normal|<实数>|<长度>|<百分比>|inherit申明:设置元素中行的高度。值:normal:默许行高,通常是1到1.2;实数:实数值,缩放因子;长度:正当的长度值,可为正数;百分比:百分比取值基于元素的字体尺寸。初始值:normal承继性:承继合用于:一切元素媒体:视觉盘算值:长度和百分比值为相对值;其他同指定值行高指的是文本行的基线间的间隔。而基线(Baseline),指的是一行字横排时下沿的基本线,基线并非汉字的下端沿,而是英笔墨母x的下端沿,同时另有笔墨的顶线(Topline)、中线(Middleline)和底线(Bottomline),用以断定笔墨行的地位,如-17所示。

-17笔墨的基线行高与字体尺寸的差称为行距(leading),如-18所示。

-18行高7.3.2内容地区、行内框和行框实际上讲,一行中的每一个元素都有一个内容地区,它是由字体尺寸决意的,如-19所示。

-19内容地区行内元素会天生一个行内框(inlinebox),行内框只是一个观点,它没法显现出来,可是它又的确存在。在没有其他要素影响的时分,行内框即是内容地区,而设定行高则能够增添大概削减行内框的高度,即:将行距的值(行高-字体尺寸)除以2,分离增添到内容地区的高低双方,如-20所示。

-20行内框与行高因为行高能够使用在任何元素上,因而统一行内的多少元素大概有分歧的行高和行内框高,比方有以下代码,其显现如-21所示。
<pstyle="line-height:20px;"><p&gt;行高20px。<strongstyle="line-height:50px;"><strong>行高50px。</strong><spanstyle="line-height:30px;"><span>行高30px。</span></p>

-21行内框与行框这里又有一个新的观点——行框(linebox)。偕行内框相似,行框是指本行的一个假造的矩形框,其高度即是本行内一切元素中行高最年夜的值。因而,当有多行内容时,每行城市有本人的行框,如-22所示。

-22多行内容的行框
提醒:了解行框和行内框的观点关于进修本章[7.4垂直对齐:vertical-align属性]一节的内容十分主要。注重:行框的高度只同本行内元素的行高有关,而和父元素的高度(height)有关。
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-9 15:46

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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