Fork me on GitHub
代码改变世界

随笔分类 - CSS

网页设计色彩搭配表

2016-01-26 00:11 by autrol, 470 阅读, 收藏, 编辑
摘要: 按色相的搭配分类将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。红色#ffffcc#ccffff#ffcccc#99cccc#ffcc99#ffcccc#ff9999#996699#ffcccc#cc99... 阅读全文

margin属性

2015-11-15 16:58 by autrol, 280 阅读, 收藏, 编辑
摘要: 可以设置position:absolute/relative/fixed,通过调节top/bottom/left/right实现元素的定位,这样很好,但是有时候想通过margin来实现。下面是margin属性的特性:margin可以为负值,但是行内元素使margin-top/margin-botto... 阅读全文

vertical-align属性

2015-11-14 17:06 by autrol, 1331 阅读, 收藏, 编辑
摘要: 准备阶段vertical-align取值及含义:值含义baseline默认。元素放置在父元素的基线上。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。text-bottom把元素的底端与父元素字体的底端对齐。bott... 阅读全文

float属性

2015-10-25 11:41 by autrol, 918 阅读, 收藏, 编辑
摘要: float属性介绍float给人一种捉摸不透的感觉,不过可以依照浏览器的解析机制(根据HTML文档,从上往下解析),对float属性了解一二。float有四种值:none/left/right/inherit,我们主要关注的是left/right。float的出现,最初是为了实现图文环绕的效果,后来... 阅读全文

去除行内(inline/inline-block)元素之间的间距

2015-10-22 23:05 by autrol, 1118 阅读, 收藏, 编辑
摘要: 先展示一下,行内元素之间存在间距,实例代码如下:inlineinlineinline-blockinline-block运行代码的效果:为什么会出现间距呢??真正意义上的水平呈现的行内元素间,换行显示或空格分隔的情况下会有间距。既然知道了出现间距的原因,接下来讨论去除行内元素之间的间距,推荐几种通用... 阅读全文

博客皮肤

2015-09-05 19:40 by autrol, 308 阅读, 收藏, 编辑
摘要: 阅读全文