随笔分类 -  css

CSS常见布局问题整理
摘要:1. 实现div的水平居中和垂直居中 实现效果: 这大概是最经典的一个题目了,所以放在第一个. 方法有好多, 一一列来 主要思路其实就是 1) 只适用: 宽高已定 设置position: absolute(父元素记得设置: relative), 然后top和left设置50%, 50%, 再设置ma 阅读全文

posted @ 2016-08-28 17:02 杠子 阅读(12124) 评论(1) 推荐(0)

关于css3中的flex
摘要:参考几篇文章: Flex 布局语法教程 IE10中的Flexible Box("Flexbox")布局 “老”的Flexbox和“新”的Flexbox 一个可以练习的地方: NEW Flexbox: Fluid-Fixed-Fluid 阅读全文

posted @ 2016-08-27 17:16 杠子 阅读(248) 评论(0) 推荐(0)

关于css中float的理解
摘要:感觉css里的float是个非常神奇的东西,神奇之处在于,你知道它是什么意思,但是用的时候总是不知道怎么实现效果。又或者它会很容易地影响到别的元素和属性。所以今天打算尝试一下float的各种设置,看看效果。在这篇博客里做个总结。 1. 设置float后对后面元素的影响 效果: 也就是说前面浮动元素会 阅读全文

posted @ 2016-08-27 14:25 杠子 阅读(6114) 评论(0) 推荐(0)

less学习笔记
摘要:目录 less是一种动态样式语言, LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承,运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 我编译less就是用了一款前端预处理器语言 阅读全文

posted @ 2016-08-21 22:13 杠子 阅读(1662) 评论(0) 推荐(1)

关于margin:-10000px;padding:10000px;的理解
摘要:原文链接: 内外补丁负值法是指通过内外补丁的设置来解决一些我们通常方法不能实现的效果。例如:可以通过改变盒模型的样式来使几列div由内容撑开高度但几列div与最高的一栏等高的问题。但是为什么会出现这样的情况呢?先来充分理解一下margin和padding;说的直白一些margin就是模块与模块之间的 阅读全文

posted @ 2016-08-11 09:25 杠子 阅读(1939) 评论(0) 推荐(0)

CSS3中的一些属性
摘要:1. 可匹配部分字符串 2. box-sizing属性 3. CSS3多栏布局 1. 可匹配部分字符串 2. box-sizing属性 3. CSS3多栏布局 1、可匹配部分字符串 2. box-sizing属性 可使用box-sizing属性选择盒子模型:border-box; content-b 阅读全文

posted @ 2016-08-05 20:42 杠子 阅读(1208) 评论(0) 推荐(0)

导航