取值说明:1、auto:此值为默认值,保持背景图片的原始高度和宽度;2、此值设置具体的值,可以改变背景图片的大小;3、此值为百分值,可以是0%?100%之间任何值,但此值只能应用在块元素上,所设置百分值将使用背景图片大小根据所在元素的宽度的百分比来计算。4、cover:此值是将图片放大,以适合铺满整...
分类:
其他好文 时间:
2015-07-24 14:13:08
阅读次数:
101
使用float和display:block将内联元素转换成块元素的不同点:内联元素可以转换成块级元素,常用的方法比如可以为内联元素使用float属性让内联元素浮动起来,或者为内联元素添加display:block。虽然两者都可以让内联元素转换成块级元素,但是有区别的。代码实例如下:蚂蚁部落蚂蚁部落以...
分类:
其他好文 时间:
2015-07-17 17:39:31
阅读次数:
158
使用float和display:block将内联元素转换成块元素的不同点: 内联元素可以转换成块级元素,常用的方法比如可以为内联元素使用float属性让内联元素浮动起来,或者为内联元素添加display:block。虽然两者都可以让内联...
分类:
其他好文 时间:
2015-07-17 16:29:37
阅读次数:
112
HTML中元素可分为两类:1、块元素 2、行元素 块元素标签通常独占一行,排列为上下排列,例如div标签。行元素标签则体现为不独占一行,排列为并排排列,例如strong标签。举个例子,假如我们需要将行元素强行转换令其可并排排列,于是我们需要将所要的元素变为浮动型(float)。用水槽原理。我们可将元...
分类:
Web程序 时间:
2015-07-11 18:08:30
阅读次数:
174
如果你曾经研究过图片水平垂直居中的方法,那么下面这几个方法你肯定知道下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素,利用vertical-align:middle来实现垂直居中,利用父元素的text-align:center;实现水平居中。一、表格方法表格本来...
分类:
其他好文 时间:
2015-07-10 13:09:14
阅读次数:
113
有人问过这样一个问题:为啥div不能放到p标签里面呢
只能说这是规定,哈哈
下面入主题
块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见
内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等常见
那么区别呢?
块级元素一般...
分类:
Web程序 时间:
2015-06-30 13:07:09
阅读次数:
156
两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠,那么如何使元素上下margin不折叠呢?下面的方法或许对大家有所帮助一、首先你要知道什么情况下会触发:两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠1.两个或多个说明其数量必须是大于一个,又说明,折叠是元素与元素...
分类:
其他好文 时间:
2015-06-23 19:43:45
阅读次数:
90
1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:...
分类:
其他好文 时间:
2015-06-22 14:52:41
阅读次数:
126
1 使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素.center{margin-left:auto;margin-right:auto;width:70%;background-color:#b0e0e6;}2 利用定位及负边距 ...
分类:
其他好文 时间:
2015-06-20 11:53:40
阅读次数:
193
1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:...
分类:
其他好文 时间:
2015-06-18 12:59:52
阅读次数:
128