Tags

标签分类
css

iconfont阿里巴巴矢量图

iconfont是‘字体图标’,将图标以文字的方式显现的网页中。现在有很多网页已经使用过字体图标,如我们大家都熟知的淘宝、京东、新浪等大型网站都用到过字体图标。


圣杯,双飞燕,以及栅格布局总结

两边定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。


CSS深入理解流体特性和BFC特性下多栏自适应布局


Chrome 下input的默认样式


详解Flex布局

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。


Less:优雅的写CSS代码

css是不能够定义变量的,也不能嵌套。它没有编程语言的特性,less将让我们更快更方便的编写css代码


深入理解BFC

块级格式化上下文


清除外边距塌陷

块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距,其大小是组合到其中的最大外边距,这种行为称为外边距塌陷(margin collapsing),有的地方翻译为外边距合并。


清除float影响

父元素中有子元素float的话,可能就会影响父元素的高度,从而影响布局


css文本溢出隐藏显示省略号(单行+多行)

文本超出若干行就换行,这个功能几乎每个文本浏览网站都会用到,实现它的办法也有很多,今天简单的介绍一下实现它的方法。


图片高度与宽度成比例自适应


两个inline-block消除间距和对齐(vertical-align)

神奇的两个inline-block


Chrome 下input的默认样式


css3巧用选择器配合伪元素

有时我们在写底部导航栏时,会有很多超链接,每个链接间用“|”分割,怎么样写才是高效的