仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 874|回复: 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就只是布局元素.
灵魂腐蚀 该用户已被删除
沙发
发表于 2015-1-18 05:31:46 | 只看该作者
可以使用CSS检查工具进行设计。
板凳
发表于 2015-1-25 20:57:50 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
乐观 该用户已被删除
地板
发表于 2015-2-4 06:09:17 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
只想知道 该用户已被删除
5#
发表于 2015-2-9 17:10:21 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
谁可相欹 该用户已被删除
6#
发表于 2015-2-27 12:27:30 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-9 07:49:07 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
爱飞 该用户已被删除
8#
发表于 2015-3-16 23:38:47 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
admin 该用户已被删除
9#
发表于 2015-3-23 08:58:47 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 13:20

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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