网页设计中的全局边框

下面我们来看所有边框属性中最简短的简写属性:border.值:border|inherit初始值:根据单个属性应用于:所有元素继承性:无计算值:根据指定确定这个属性有一个好处,它

查看详情

网页设计中的简写边框属性

遗憾的是,简写属性(如border-color和border-style)并不总像你想得那么有用。例如,你可能想在所有h1元素上应用一个粗的灰色实线边框,不过只是底边上有此边框。如果

查看详情

网页设计中的边框颜色

与边框的其他方面相比,设置颜色很简单。网站建设CSS使用了一个简单属性border-color,它一次可以接受最多4个颜色值。border-color值:{1,4}|inherit初始值:对简写属

查看详情

网页设计中的边框宽度

一旦为边框指定一个样式,下一步就是使用border-width为它指定一个宽度。border-width值:{1,4}|inherit初始值:对简写属性未定义应用于:所有元素继承性:无计算值:见

查看详情

网页设计中的边框背景

CSS规范清楚地指出元素的背景会延伸到边框边界之外,因为规范中提到,边框绘制在“元素的背景之上”。这很重要,因为有些边框是“间断的”(例如,点线边框或虚线框),

查看详情

网页设计中的边框

元素外边距内就是元素的边框(border)。元素的边框就是围绕元素内容和内边距的一条或多条线。因此,元素的背景会在外边框边界处停止,因为背景不会延伸到外边距以内

查看详情

网页设计中的外边距历史问题

网页设计外边距很有用,但同时也存在很多问题——毫不奇怪,这些问题都围绕着NetscapeNavigator4.x(NN4.X)。第一个问题是,Navigator4.x会把外边距规则指定的外边距

查看详情

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

外边距还可以应用到行内元素,不过效果稍有不同。假设你想在重点强调的文本上设置上下外边距: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

查看详情
网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)