随笔分类 -  DIV+CSS

上一页 1 2
less语法详解
摘要：点我跳转 阅读全文
posted @ 2018-09-05 16:08 我是格鲁特 阅读(107) 评论(0) 推荐(0)
web端常见兼容性问题整理
摘要：一、html和css 各浏览器的默认内外边距不一致问题 各浏览器的默认内外边距不一致问题 最明显的是ul标签内外边距问题,ul标签在IE-7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。 解决办法：*{margin:0;padding:0;} IE8不兼容总结点我查看 inp 阅读全文
posted @ 2018-09-02 12:23 我是格鲁特 阅读(940) 评论(0) 推荐(0)
csshack
摘要：if方法 <!--[if !IE]>除IE外都可识别 <![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]>IE6以下版本可识别 <![endif]--> 阅读全文
posted @ 2018-08-31 16:09 我是格鲁特 阅读(151) 评论(0) 推荐(0)
css匹配规则及性能
摘要：一、CSS是如何匹配样式的 样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边还有其他选择符，样式系统就会继续向左移动，直到找到和规则匹配的元素，或者因为不匹配而退出。 二、CSS选择器性能排行（从高到低） 1.id选择器（#myid） 2.类选择器（.myclassname） 3. 阅读全文
posted @ 2018-05-30 12:59 我是格鲁特 阅读(1150) 评论(0) 推荐(0)
css的水平垂直居中
摘要：1.父元素使用flext布局，justify-content:center,align-items:center 2.父元素使用grid布局 .container{ display: grid; place-items: center; } 3.绝对定位法+偏移法 父元素使用相对定位，子元素绝对定位 阅读全文
posted @ 2018-05-29 15:26 我是格鲁特 阅读(234) 评论(0) 推荐(0)
BFC相关知识
摘要：一、什么是BFC css布局主要采用盒子模型（BOX），元素的类型和 display 属性，决定了 Box 的类型，常见的盒子类型有两种： block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。 inl 阅读全文
posted @ 2018-03-02 15:50 我是格鲁特 阅读(243) 评论(0) 推荐(0)
外边距合并知识
摘要：一、什么是外边距合并 外边距合并是指垂直相邻的块级元素在边距相遇时会形成一个外边距，最终的外边距以两者中较大的为准。 二.哪些情况会产生外边距合并 1.父子之间 1.1 只有子元素有margin-top/bottom，合并后父元素的margin-top/bottom为子元素设置的值，子元素的marg 阅读全文
posted @ 2018-03-02 13:53 我是格鲁特 阅读(756) 评论(0) 推荐(1)

上一页 1 2