css
文章平均质量分 81
jiajieao
这个作者很懒,什么都没留下…
展开
-
CSS的Margin属性:详解margin属性
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介转载 2015-04-28 10:14:51 · 1292 阅读 · 0 评论 -
响应式网页设计教程:展示响应式设计的基本原理
响应式网页设计,毫无疑问地变得越来越重要了。如果你还没听说过响应式设计,可以先看看我之前发的文章响应式网站。对新手来说, 响应式设计听起来可能会有点复杂, 但事实上,它比你想象的简单得多。为了让你能快速入门,我准备了一个简易的教程。通过这三个步骤,你一定可以了解响应式设计的基本原理和media query(在你有一些CSS基础的前提下)。 第一步. Meta 标签 (查看转载 2015-04-28 10:20:25 · 630 阅读 · 0 评论 -
自适应网页设计:自适应网页设计技巧
随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小转载 2015-04-28 10:10:26 · 385 阅读 · 0 评论 -
CSS3实例教程:超炫的网页进度条
时尚的CSS3进度条先看效果图,非常漂亮吧: HTML代码: .progress-bar – 定义进度栏的常规样式。 .blue – 定义进度条的风格,这里是蓝色的 .stripes – 当前进度的动画类型。 span – 填充进度条。内联设置的宽度,0%-100%,进度条的宽度。 CCS代码: .progress-bar { background-转载 2015-04-28 10:18:36 · 622 阅读 · 0 评论 -
CSS3实例教程:CSS3制作玻璃瓶里的水母
下为纯CSS制作,闲话不说,上个效果图先: 玻璃瓶质感、四叶草漂浮于水面,荡起涟漪、摇摆上升的气泡…很美的意境,然而你也许会说你喜欢瓶子不喜欢四叶草,那可以把四叶草给none掉,不喜欢植物的话,那你喜不喜欢动物呢: 应该看得懂这只萌物是什么生物吧..没错,水母 一只…众生皆平等,不能只有植物没有动物哈… 然而你也许不喜欢蓝色的水,那我写几套多彩的玻璃瓶: 如果你感兴转载 2015-04-28 10:14:10 · 1848 阅读 · 0 评论