前端基础
月南
这个作者很懒,什么都没留下…
展开
-
<!DOCTYPE html> 是什么,它的作用是什么
在HTML文档的首部往往会有这么一句话,许多时候我们忽视了它的存在,它实际上是一个声明,告诉浏览器用哪种HTML版本的规范来解读HTML文档。 尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来,但是由于HTML版本导致的bug也许就出在这里。原创 2016-11-06 18:05:38 · 1116 阅读 · 0 评论 -
css的高级选择器
css的高级选择器应该要慎重使用,因为它有可能会带来浏览器兼容性的bug,对于HTML中一些重要的元素上要尽量使用更为稳妥的选择器。记得之前在某电商写代码时用了一个nth-child()选择器,结果测试时发现在IE8上出现了一些样式没有给到,原因就是nth-child()选择器只能兼容到IE8以上,不包括IE8。 高级选择器包括以下几种: 子选择器相邻同胞选择器属性选择器 后代选择器原创 2016-11-07 23:17:57 · 469 阅读 · 0 评论 -
盒模型的外边距叠加
有时候在使用margin-top或者margin-bottom时,发现加上去的margin-top或者margin-bottom值不起作用了,其中的原因有可能就是发生了外边距叠加。这在普通文档流中经常会出现。行内框,浮动框,或者绝对定位框之间的外边距不会发生叠加。 外边距叠加只会发生在垂直的top或者bottom边距,left或者right边距不会发生这种情况。 以下就是发生这种边距叠加的几种原创 2016-11-08 22:50:24 · 374 阅读 · 0 评论 -
小谈CSS清除浮动
一般有以下两种情况需要清除浮动: 情况A,你有一个父div,它的高度你没有设置,或者是auto,父元素如果只包含没有浮动的元素,那么它的高度会被子元素的宽高撑开,如果其子元素都是向左或者向右浮动的元素,那么父元素的高度则不会被撑开,因为浮动元素不占据空间。 情况B,我们知道,浮动会让元素脱离文档流,如果一个元素上面有一个向左浮动的元素,它的宽度没有达到100%,那么如果下面这个元素(文档流中的原创 2016-11-12 17:22:04 · 252 阅读 · 0 评论