html5+css3 第2页

css属性在线排序工具

蒙奇·D·撸码客 发布于 2015-11-19 19:56:12

css属性在线排序工具:http://web.zhaicool.net/cssreorder.html不少人都说css属性的排序也是有一定的讲究的,还有大牛整理了css属性排序的书写规范,比如1.位置属性(position,top,right,z-index,display,fl...

为什么设置相同宽度input的实际宽度比select的宽?

蒙奇·D·撸码客 发布于 2015-11-06 14:48:57

不知道大家有没有发现,在我们给input和select设置相同宽度的时候,input的实际宽度却比select的宽。造成这种现象的主要原因是属性box-sizing在作怪。W3C给出的介绍是这样的:box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。翻译成“人话...

css3画圆、css3画半圆、css3画空心圆和css3画四分之一圆

蒙奇·D·撸码客 发布于 2015-11-03 18:13:10

这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。如何使用border-radius属性下面是border-radius属性最基本的使用方法。.round{border-radius:5px;/*所有角都使用半径为5px的圆角,此属性...

CSS书写顺序及书写规范

蒙奇·D·撸码客 发布于 2015-11-02 14:48:10

 CSS书写顺序1.位置属性(position,top,right,z-index,display,float等)2.大小(width,height,padding,margin)3.文字系列(font,line-height,letter-spacing,color-...

css3 animation 制作闪烁的箭头

蒙奇·D·撸码客 发布于 2015-10-28 18:16:10

本案例主要实现箭头自相向上滑动,同时变大变透明的效果。一般在手机端起到引导用户向上滑动页面的作用。大概思路就是用到css3动画,动画分解成三个部分:1、位移,2、缩放,3、透明度变换。位移就是bottom或者top、left、right的变化,缩放就是width,height,透...

css3动画结合jquery打造盒子翻动效果

蒙奇·D·撸码客 发布于 2015-10-19 16:44:45

jquery结合css3动画特效属性如:keyframes、transform等打造3D盒子翻转特效,懒得写注释了。。。唯一的注释就是以下代码只是草稿,嗯,草稿中的草稿~但是能用!<styletype="text/css">.wrapper{display:inlin...

CSS3 3D动画之位移、旋转、翻转、缩放、矩阵

蒙奇·D·撸码客 发布于 2015-10-16 14:11:02

作为一个网页设计师,你可能熟悉在二维空间工作,但是在三维空间上工作并不太熟悉。使用二维变形我们能够改变元素在水平和垂直轴线,然而还有一个轴沿着它,我们可以改变元素。使用三维变形,我们可以改变元素在Z轴位置。三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的...

html5移动端meta标签详解

蒙奇·D·撸码客 发布于 2015-10-14 18:01:14

<!--声明文档使用的字符编码--><metacharset='utf-8'><!--优先使用IE最新版本和Chrome--><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome...

感悟:少用css子元素选择器

蒙奇·D·撸码客 发布于 2015-10-08 18:04:54

少用css元素选择器:">",为啥?因为ie6不兼容。。。当然可以引用一些js来解决如:<!--[iflteIE6]><scripttype="text/javascript"src="./views/default/skin/default/js/ieh...

css3透明渐变绘制两端透明渐变的分割线

蒙奇·D·撸码客 发布于 2015-09-22 10:57:26

项目需求:绘制一条两端透明渐变的分割线,样式如下:思路:当然可以用png格式的图片来代替,这样最兼容,但是最好是用css3来制作。用到的是css3的线性渐变属性:linear-gradient与颜色透明属性rgba的结合使用详细的css3代码很简单:.fgx{width:100%...