-
<img>是一个内联元素,通过设置display:block;和margin:0 auto;可以使图片居中 文章页设计技巧:查看全部
-
嵌套列表要注意层次查看全部
-
background-position:0 -16px; background-position: left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读) 再如:background-position: 15px 20px;(指将图片向右移15px,向下移20px;) 简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负查看全部
-
由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block查看全部
-
div元素要占一整行查看全部
-
clear:left/right清除左浮动/右浮动,如将左边设置的浮动的元素当做是div,存在于文档流中。 float:left/right设置左浮动/右浮动 margin:设置盒子与盒子的边距。margin:1px 2px上下边距1px,左右边距2px; pargin:设置盒子与内容的距离。pargin:1px 2px上下边距1px,左右边距2px;查看全部
-
盒子模型宽度计算查看全部
-
overflow:hidden 或者 height:0px;查看全部
-
①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;查看全部
-
style标签内不能有<!-- -->的注释符 否则会把css的样式给注释掉查看全部
-
background查看全部
-
导航部分制作查看全部
-
一、水平对齐 text-align属性的语法结构如下: text-align:left/center/right/justify 其中,left、center、right分别代表的是左对齐、居中对齐、右对齐。最后一个justify是两端对齐的意思,因为它存在着一些缺陷,所以很少使用。text-align属性仅仅作用与块元素。下面来一下示例: p{text-align:center;} <p>这是一段使用text-align属性的示例,在这里我们加入一个图片,<br /><img src="pic/007.gif"><br />请注意图片的位置,这样有助于理解水平对齐属性。</p> 该样式实现了文本的居中对齐,其应用到页面的效果如下图所示。 文本的对齐 <wbr>text-align属性和vertical-align属性 二、竖直对齐 vertical-align属性的语法结构如下所示: vertical-align:top/middle/bottom/baseline/sub/super/text-top/text-bottom/length 上述参数中,比较常用的是top、middle、bottom,与text-align属性不同,vertical-align属性仅仅作用与 内联元素,所以无法用vertical-align属性控制div等款元素中内容的竖直对齐。这和传统布局中的valign有很大的区别。查看全部
-
每一个块级元素都在一个新行上出现查看全部
-
盒子分布查看全部
举报
0/150
提交
取消