1、内边距paddingpadding-top、padding-right、padding-bottom、padding-leftpadding:top、right、bottom、left;2、外边距margin同上。margin高度上会合并、取最大的那个外边距3、边框border
分类:
其他好文 时间:
2015-04-01 19:18:24
阅读次数:
122
一,三栏布局1,两边栏宽度固定值,中间栏宽度自适应(1)绝对定位法【关键点】1,绝对定位从普通文档流中脱离出来,中间元素可以不用考虑左右定位元素占的位置2,左右栏绝对定位到确定的位置上,(absolute,left,right)3,中间栏左右外边距设置为左右栏的宽度,因此自身宽度就自适应的变成了窗口...
分类:
其他好文 时间:
2015-04-01 19:09:19
阅读次数:
244
用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-rig.....
分类:
Web程序 时间:
2015-03-31 23:48:02
阅读次数:
152
1.内联,内嵌,行内元素: 默认可以继续跟同类型标签显示; 由内容撑开宽度,内容多宽,会有多宽; span,内嵌标签部支持宽高,即使加了宽高也不支持, 也不支持上下内外边距,但是支持左右内外边距;内上下边距会影响背景颜色(但不会撑开距离,不会把后其他元素往下挤开,但会在显示出背景) ...
分类:
Web程序 时间:
2015-03-30 18:13:00
阅读次数:
156
情况: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。解决方法: 1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 2、为父元素添加....
分类:
Web程序 时间:
2015-03-29 00:23:51
阅读次数:
245
知识点:1.一列固定宽度2.一列固定宽度居中3.一列自适应宽度4.一列自适应宽度居中5.一列二至多块布局1)一列固定宽度下图是定义了一个高300px,宽400px,颜色是#99FFcc的样式表。显示如下:2)一列固定宽度居中与一列固定宽度相比,只要加一个居中的属性即可,这里用到的是CSS的外边距属性...
分类:
Web程序 时间:
2015-03-19 19:59:04
阅读次数:
116
网格系统:网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。实现原理 .col-md-1 .col...
分类:
其他好文 时间:
2015-03-19 18:02:24
阅读次数:
137
CSS框模型Box Model规定了元素框处理元素内容element,内边距padding,边框border,外边距margin的方式。内容区域的宽度和高度用width和height表示。1)内边距paddingh1 {padding: 10px;}h1 {padding: 10px 0.25em ...
分类:
Web程序 时间:
2015-03-17 12:00:54
阅读次数:
139
CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有...
分类:
Web程序 时间:
2015-03-10 17:34:05
阅读次数:
211
之前学习都是把知识点记在本子上,现在重新复习梳理一下,将知识点做个小结:1、块元素:从上向下流(各元素之间有一个换行); 内联元素:水平方向上相互挨着,总体上从左上方流向右下方;2、对于图像,通常不仅会设置外边距,还会设置内边距和边框;3、如果要浮动(float)一个元素,则必须为这个元素设置一.....
分类:
Web程序 时间:
2015-03-10 01:23:33
阅读次数:
136