网页设计中外边距和行内元素

外边距还可以应用到行内元素,不过效果稍有不同。假设你想在重点强调的文本上设置上下外边距:strong{margin-top:25px;margin-bottom:50px;}这在规范中是允许的,不

查看详情

网页设计中的合并外边距

第7章曾经讨论过,网页设计人员可以为元素设置负外边距。这会导致元素框超出其父元素,或者与其他元素重叠,但并不违反框模型。考虑以下规则:div{border:1pxdottedg

查看详情

网页设计中的单边外边距属性

幸运的是,确实有一种办法可以为元素单边上的外边距设置值。假设你只想把h2元素的左外边距设置为3em。不必使用margin(这需要键入很多auto),而是可以采用以下方法:

查看详情

网页设计中的值复制

有时,为外边距输入的值会有些重复:p{margin:0.25em1em0.25em1em;}不过,不必像这样重复地键入这对数字。不需要用上面的规则,你可以试试以下规则:p(margin:0.25em1

查看详情

网页设计中的外边距

外边距大多数正常流元素间出现的间隔都是因为存在元素外边距,设置外边距会在元素外创建额外的“空白。“空白”通常指不能放其他元素的区域,而且在这个区域中可以

查看详情

网页设计中的基本元素框

第7章曾讨论过,所有文档元素都生成一个矩形框,这称为元素框(elementbox),它描述了一个元素在文档布局中所占的空间大小,因此,网页设计中每个框都影响着其他元素框

查看详情

网页设计中的run-in元素

run-in元素网站建设CSS2引入了一个值run-in,这也是一个有意思的块/行内元素混合,可以使某些块级元素成为下一个元素的行内部分,这种功能对于某些标题效果很有用,这

查看详情

网页设计中的行内块元素

行内块元素看上去值名inline-block是一个混合产物,实际上也确实如此,行内块元素(inline-blockelement)确实是块级元素和行内元素的混合,这个display值是CSS2.1中新

查看详情

网页设计中的改变角色

改变元素显示第1章曾简单地提到,网页设计中可以为属性display设置一个值来影响用户代理显示的方式。既然我们已经深入地了解了视觉格式化,下面再使用本章的概念复

查看详情

网页设计中行内模型历史溯源

行内模型历史溯源网站建设CSS行内格式化模型看上去可能有些没必要的复杂,而且在某些方面,甚至与网站建设人员的意愿相违背。遗憾的是,我们现在要创建的是这样一种

查看详情

网页设计中的替换元素

增加框属性有了以上了解,看上去向行内替换元素应用外边距、边距和内边距似乎很简单。内边距和边框像平常一样应用到替换元素,内边距在具体内容外插入空间,边框围绕

查看详情

网页设计中的内容区

行内替换元素一般认为行内替换元素(如图像)有固有的高度和宽度,例如,一个图像的高度和宽度可能是某个像素数。因此,有固有高度的替换元素可能导致行框比正常要高。

查看详情

网页设计中的增加框属性

从前面的讨论可以了解到,内边距、外边距和边框都可以应用于行内非替换元素。行内元素的这些方面根本不会影响行框的高度。如果对一个无内外边距的span元素应用某个

查看详情

网页设计中的行高

管理line-height在前几节中我们已经了解到,改变一个行内元素的line-height可能导致文本行相互重叠。不过,在所有情况下,这种修改都是针对单个元素的,所以,如何以一

查看详情

网页设计中的行内格式化

行内格式化第6章曾讨论过,所有元素都有一个line-height。这个值会显着地影响行内元素如何显示,所以要特别注意。首先来看如何确定一行的高度。行的高度(或行框的高

查看详情

网页设计中的行内元素

除了块级元素,最常见的就是行内元素了。通过为行内元素设置框属性,可以进入到一个更有意思的领域(迄今为止,本书还没涉入过这个领域)。行内元素有一些很好的例子,

查看详情

网页设计中的块级元素二

负外边距负外边距确实对垂直格式化有影响,而且它们会影响外边距如何合并。如果垂直外边距都设置为负值,浏览器会取两个外边距绝对值的最大值。如果一个正外边距与

查看详情

网页设计中的块级元素一

百分数高度前面已经了解了如何处理设置为长度值的高度,下面再花点时间介绍百分数高度。如果一个块级正常流元素的height设置为一个百分数,这个值则是包含块height

查看详情

网页设计中的垂直属性

垂直格式化类似于水平格式化,块级元素的垂直格式化也有自己一系列有意思的行为。一个元素的默认高度由其内容决定。高度还会受内容宽度的影响,段落越窄,相应地就会

查看详情

网页设计中的百分数和替换元素

百分数如果width,内边距和外边距设置为百分数值,会应用同样的基本规则。值声明为长度还是百分数并不重要。百分数可能很有用。假设你希望一个元素的内容是其包含块

查看详情

网页设计中的负外边距

到目前为止,看上去一切都很直接明了,你可能会奇怪前面为什么会说情况可能很复杂。外边距还有一个方面很特殊:外边距可以为负,这种设置是对的,完全可以将外边距设置

查看详情

网页设计中的auto设置

设置auto如果设置width、margin-left或margin-right中的某个值为auto,而余下两个属性指定为特定的值,那么设置为auto的属性会确定所需的长度,从而使元素框的宽度等

查看详情

网页设计中的水平元素

块级元素的表现有时可以预测,有时则很让人惊讶。例如,元素沿横轴和竖轴摆放时,其处理就可能不同,为了充分了解如何处理块级元素,必须对一些边界和区域很清楚。图7

查看详情

网页设计中的基本框

在前面几章中。我们针对CSS如何处理文档中的文本和字体介绍了很多实用知识。这一章中,我们将介绍视觉表现的一些理论方面,另外,前面为了强调CSS如何实现而跳过了一

查看详情

网页设计中的文本阴影

CSS2包含一个属性来为文本增加阴彩,不过这个属性并没有在CSS2.1中保留,因为在CSS2.1完成前没有一个浏览器对此提供了充分的支持。可以考虑一下,如果要让Web浏览器

查看详情

网页设计中的文本装饰

下面来看如何使用text-transform属性处理文本的大小写。默认值none对文本不做任何改动,将使用源文档中原有的大小写,头名思义,uppercase和lowercase将文本转换为全

查看详情

网页设计中的字间隔和字母间隔

前面已经介绍了对齐,下面来看如何处理网页设计中字间隔和字母间隔。同样地,这些属性存在一些不太直观的问题。字间隔word-spacing属性接受一个正长度值或负长度值

查看详情

网页设计中的垂直对齐

前面已经讨论了水平对齐,下面来看垂直对齐。因为文本行的构造将在第7章更详细地讨论,这里只是提供一个简单的概述。行高line-height属性是指文本行基线之间的距离

查看详情

网页设计中文本的缩进和水平对齐

不错,很多Web设计都需要选择适当的颜色,让页面有最酷的外观,不过在真正的Web设计中,可能更多的时间都花在这样一些问题上:文本放在哪里,文本的外观是怎样的。由于

查看详情

网页设计中的字体匹配

可以看到,CSS允许匹配字体系列、加粗和变形,所有这些都是通过字体匹配完成的,这是一个相当复杂的过程。如果创作人员想帮助用户代理在显示其文档时做出正确的字体

查看详情
网站建设、网络营销咨询专线:0871-63535511(点击可一键拨号)