分类:Html5+Css3

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

2年前 (2015-11-02) 292℃ 评论 () 120喜欢

响应式web设计与CSS3媒体查询

响应式web设计与CSS3媒体查询
在之前一篇译文中,我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题,我们将从前文介绍过的"弹性布局结构"这方面出发,通过一个具体的实例来深入学习。...

2年前 (2015-11-01) 937℃ 评论 () 193喜欢

用三个步骤让你理解怎样实现响应式网页设计

用三个步骤让你理解怎样实现响应式网页设计
随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。...

2年前 (2015-11-01) 391℃ 评论 () 123喜欢

css中input与button高度不一致的原因及解决方法

css中input与button高度不一致的原因及解决方法
【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部,button的高度包含边框的高度,而文本框text则不包含边框高度。...

2年前 (2015-10-28) 367℃ 评论 () 104喜欢

关于APP,原生和H5开发技术的争论

关于APP,原生和H5开发技术的争论
App的开发技术,目前流行的两种方式,原生和Html5。原生分了安卓平台和ios平台(还有小众的黑莓、死去的塞班就不说了),H5就是Html5。...

2年前 (2015-10-28) 511℃ 评论 () 57喜欢

在retina屏幕如何较好的实现1px边框

在retina屏幕如何较好的实现1px边框
一直以来我们实现边框的方法都是设置 border: 1px solid #ccc,但是在retina屏上因为设备像素比的不同,边框在移动设备上的表现也不相同:1px可能会被渲染成1.5px, 2px, 2.5px, 3px....,在用户体验上略差,所以现在要解决的问题就是在retina屏幕实现1px边框...

2年前 (2015-10-22) 441℃ 评论 () 81喜欢

html css js基础知识点

html css js基础知识点
今天给大家带来的是关于html css js基础知识点,希望大家能够融会贯通,循序渐进!...

2年前 (2015-10-14) 519℃ 评论 () 57喜欢

关于手机淘宝的flexible设计与实现

关于手机淘宝的flexible设计与实现
今天讲讲关于webapp中的文字单位的一些实践 :手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局...

2年前 (2015-10-11) 351℃ 评论 () 93喜欢

前端人员必收!10个省时高效的CSS 3代码生成工具

前端人员必收!10个省时高效的CSS 3代码生成工具
今天的资源是完全免费的 WebApp,这些 WebApp 能够为模板,渐变,甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者,这些资源可以帮助你节省很多时间,并可以为以后的项目提供可复用的源码
...

2年前 (2015-09-24) 449℃ 评论 () 112喜欢

CSS旋转与翻转使用示例详解

CSS旋转与翻转使用示例详解
css 2.0还是没有翻转的,3.0里面有rotate属性,这个可以把元素进行任意角度旋转,灰常强大,下面有个不错的示例,大家可以参考下...

2年前 (2015-09-20) 793℃ 评论 () 83喜欢

a 标签的伪类样式规划,减少多余代码

a 标签的伪类样式规划,减少多余代码
a 标签有 link, visited, hover, active 这几个常用的伪类用于定义不同状态. 这些伪类意思明确, 使用简单, 看起来不会存在什么问题, 而实际上他们的使用顺序, 是否应该使用都需要考虑清楚.a 标签在网页中无所不在, 而且样式复用性很高. 一般来说, 一个网站上的链接形式是比较统一的, 所以作为 reset 或者基本的 a 标签 CSS 定义十分重要....

2年前 (2015-09-16) 1053℃ 评论 () 75喜欢

使用uncss去除无用的CSS

使用uncss去除无用的CSS
从代码的角度讲,你知道什么是比往网站或应用里添加功能更好的事情吗?删除那些没用的东西。也许是一些代码、图片、或相关依赖等,就像扔掉家中储存柜里没用的产生异味的存货。...

2年前 (2015-08-21) 514℃ 评论 () 367喜欢

动态背景的CSS3登录表单

动态背景的CSS3登录表单
之前我们分享过很多不错的CSS3登录表单,比如这款jQuery/CSS3 谷歌样式的登录表单效果就非常不错。今天要分享的另一款CSS3登录表单外观比较清新,绿色的背景让整个表单看上去很舒服。该登录表单最大的特点是背景是动态的,会不时地浮动出一些图案来。...

2年前 (2015-08-21) 645℃ 评论 () 598喜欢

网页开发中使用的字体图标制作方法

网页开发中使用的字体图标制作方法
字体图标的流行已经有些年头了,已经不是什么新鲜的概念了,只是因为CSS3新加入@font-face属性,他能让我们自定义网页中显示字体,而不局限于用户电脑安装的字体...

2年前 (2015-08-14) 6859℃ 评论 () 263喜欢

用Margin还是用Padding

用Margin还是用Padding
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路,CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距...

2年前 (2015-08-10) 453℃ 评论 () 82喜欢

不要告诉我你懂margin

不要告诉我你懂margin
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些...

2年前 (2015-08-09) 210℃ 评论 () 126喜欢

CSS颜色对照表

CSS颜色对照表
一个CSS颜色对照表,方便以后在做网页相关时调整颜色,省的搭配颜色苦恼了!...

2年前 (2015-08-06) 996℃ 评论 () 23喜欢

拿什么来拯救你,我的table

拿什么来拯救你,我的table
table曾经在网页开发中占据着举重若轻的地位——布局,即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局浪潮...

2年前 (2015-08-05) 523℃ 评论 () 66喜欢

CSS属性【强制换行与强制不换行】的方法

CSS属性【强制换行与强制不换行】的方法
我们一般控制换行所用到的CSS属性一共有三个:word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我们得知道这三个属性到底是做什么用地...

2年前 (2015-08-05) 189℃ 评论 () 57喜欢