标签归档:CSS

CSS 浏览器兼容性问题总结

1、CSS 默认值不同

HTML 标签 火狐浏览器、谷歌浏览器 IE浏览器
body 默认 margin 默认 padding
ul 默认 padding、默认margin 默认margin

继续阅读

发表在 CSS | 标签为 , , , | CSS 浏览器兼容性问题总结已关闭评论

css元素垂直居中的实现方法

元素垂直居中在页面布局中很常见,我总结了下面几种实现方法,并会在后续前端开发过程中根据自身经验补充新的方案。一、行内元素或单行文本垂直居中 1.css设置父元素的height与line-height 继续阅读

发表在 CSS | 标签为 , , | 留下评论

CSS margin负值的实际表现与应用

前端开发一些布局需求时常使用 margin 负值来达到效果,margin 负值在不同布局上会展现出不一样的效果。
① 针对两个上下布局的块元素(普通文档流):
HTML:

<div class="box1"></div>
<div class="box2"></div>

继续阅读

发表在 CSS | 标签为 , , | CSS margin负值的实际表现与应用已关闭评论

CSS !important的用法和效果

在 CSS(层叠样式表)中,!important 的作用是提高 CSS 样式规则的优先级。
例如:

#box{
    width: 200px;  /* 无效 */
    width: 300px !important;  /* 有效 */
}

继续阅读

发表在 CSS | 标签为 , | CSS !important的用法和效果已关闭评论