摘要: 偶然的机会发现一个有趣的现象:一个div(背景色为绿色)里面包含一个div,里面的div给一个margin-top:100px; 代码: 我想的是会撑高父级div的高度,露出绿色的背景色,但是实际显示效果却是它连同父级一起下移了;预想的效果和实际效果: 预想的效果: 但是实际的效果(灰色为body的 阅读全文
posted @ 2016-07-27 14:31 简简和单单 阅读(2800) 评论(2) 推荐(0) 编辑
摘要: 我们都知道让元素垂直居中有一种简单的方法:给需要居中的元素用一个父级包起来,并给它设置样式:display:table;同时给这个父级设置好高度;再给需要居中的元素一个display:table-cell;vertical-align:middle;这样被设置的元素就可以做到垂直居中,实现代码如下: 阅读全文
posted @ 2016-07-19 10:51 简简和单单 阅读(4912) 评论(0) 推荐(0) 编辑
摘要: 布局神器display:table-cell 布局神器display:table-cell Author:owenhong2015-06-17 Author:owenhong2015-06-17 随着时间的推进,ie6、ie7在中国浏览器市场的占有率越来越低的情况,我现在工作的团队,经过用户访问数据 阅读全文
posted @ 2016-07-18 17:59 简简和单单 阅读(442) 评论(0) 推荐(0) 编辑
摘要: margin:0 auto;不居中可能有以下两个的原因; 1、没有设置宽度<div style="margin:0 auto;"></div>看看上面的代码,根本没有设置DIV的宽度,如何根据宽度自适应呢?新手比较容易忽略的问题! 2、没声明DOCTYPE①DOCTYPE是document type 阅读全文
posted @ 2016-06-21 15:22 简简和单单 阅读(652) 评论(0) 推荐(1) 编辑
摘要: (一)选择器优先级: 不同级别 1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 2.作为style属性写在元素内的样式 3.id选择器 4.类选择器 5.标签选择器 6.通配符选择器 7.浏览器自定义 同一级别 同一级别中后写的会覆盖先写的样式 (二)基础选择器 选 阅读全文
posted @ 2016-06-16 16:00 简简和单单 阅读(309) 评论(0) 推荐(0) 编辑
摘要: 优先级自上而下逐渐递减 1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 2.作为style属性写在元素内的样式 3.id选择器 4.类选择器 5.标签选择器 6.通配符选择器 7.浏览器自定义 阅读全文
posted @ 2016-06-16 15:42 简简和单单 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 前几天对行内元素<span>进行positon:absolute操作发现margin-top居然生效了,心想难道给行内元素加上这个absolute和display浮动是一样的吗,于是找啊找啊,试啊试啊…… 这是在W3C上面看见的对于positon:avsolute之后的变化 块级框?好像是和posi 阅读全文
posted @ 2016-05-17 09:28 简简和单单 阅读(4999) 评论(0) 推荐(1) 编辑
摘要: HTML 规范 分离的标记、样式和脚本 结构、表现、行为分离 在可能情况下验证你的标记 使用编辑器验证你的标记是否正确,一般编辑器都自带有这个功能。 技术不支持的时候使用备胎,如canvas 编码格式:使用UTF-8 语义性 对于HTML5而言,例如header、footer、nav、section 阅读全文
posted @ 2016-04-21 10:53 简简和单单 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://www.jb51.net/web/20593.html 在晚上看见一个不错的文章,可惜里面的错误都是我经常犯的…… 我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避 阅读全文
posted @ 2016-04-21 10:40 简简和单单 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 曾经在网上看见说:不推荐是用b标签,咦,我好像用过不少,难道我又坑了别人……度娘是这样说的:只要是从网页的简洁性和搜索引擎的友好度来看的。<b>是加粗,和css的font-weight在视觉上看一样的效果,但是<b>是因为有里面的内容重要才加粗,告诉搜索引擎<b>里面的内容很重要,可能是这个网页的关 阅读全文
posted @ 2016-04-20 16:48 简简和单单 阅读(1129) 评论(0) 推荐(0) 编辑