一、背景与前景1.背景:2.前景字体:(二)边界和边框border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。margin(外边距)对自身不会有变化,padding(内边距) 本身放大,对别的没用(三)列表与方块width、height、(top、bottom...
分类:
Web程序 时间:
2015-08-03 18:34:01
阅读次数:
120
昨天做练习的时候遇到了margin外边距的问题,给body的子元素div设置了margin-top:50px;为什么div元素没有把body撑开(即div顶部距body拉开50px)???而是div连同body整个被拉下来了,body距离为50px???代码结构如下:html{width: 100%...
分类:
其他好文 时间:
2015-08-02 14:57:17
阅读次数:
191
XXX 以上代码的初衷是让子元素的顶部距离父元素50px,但是事实上却并没有实现预期的效果,而是子元素顶部紧贴父元素,并且margin-top好像转移给了父元素,让父元素产生上外边距。这其实是一个典型的外边距合并问题,但是并非所有的浏览器都会产生这种情况,一般标准浏览器都会出现此...
分类:
其他好文 时间:
2015-08-02 11:27:57
阅读次数:
69
1 、上下边距会叠加!DOCTYPE html>2、父级包含子级的时候,子级的margin-top会传递给父级,可以使用父级的padding替代自己的margin。3、margin左右margin-lefta:uto 偏右margin-right:auto 偏左margin:auto 水平居中...
分类:
其他好文 时间:
2015-08-01 17:00:03
阅读次数:
174
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。...
分类:
Web程序 时间:
2015-07-30 16:30:45
阅读次数:
130
【作业题】 一、问答题 1、 CSS选择器以及引入方式哪几种,CSS选择器有哪些以及它们的优先级 2、 行内元素和块级元素的区别,分别举出6个行内元素和块级元素,块级元素的特点是什么 3、 改变元素外边距是什么属性,改变元素内边距是什么属性 4、 如何让一个div在页面中居中...
分类:
Web程序 时间:
2015-07-28 00:24:41
阅读次数:
477
【作业题】 一、问答题 1、 CSS选择器以及引入方式哪几种,CSS选择器有哪些以及它们的优先级 2、 行内元素和块级元素的区别,分别举出6个行内元素和块级元素,块级元素的特点是什么 3、 改变元素外边距是什么属性,改变元素内边距是什么属性 4、 如何让一个div在页面中居中...
分类:
Web程序 时间:
2015-07-27 22:35:26
阅读次数:
479
开篇
块元素的上边距或下边距有时会合并为一个margin,这种情况称之为外边距的合并,即collapsing margins.
一个常见的css样式的bughtml&css:
html, body{
width: 100%;
heig...
分类:
其他好文 时间:
2015-07-27 00:18:26
阅读次数:
109
jQuery普遍运用于JAVA_WEB前端,可以说jQuery的运用无处不在,学好jQuery,对于一个程序员来说是必由之路。下面简单介绍一下jQuery实现密码强度检测。如图所示:核心代码:第一步:css样式:/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, ...
分类:
Web程序 时间:
2015-07-26 13:56:09
阅读次数:
157
1、块级元素 margin:跟标准一样,设置该块级元素边框与同级兄弟元素或者父元素的距离,俗称外边距。 padding:先延伸边框(也就是优先改变元素尺寸而不动元素中内容的位置),当边框碰到父元素或兄弟元素的边界时,才向相反方向延伸,这时会改变该元素中内容的位置 padding演示: ...
分类:
其他好文 时间:
2015-07-24 12:26:18
阅读次数:
119