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...
蒙奇·D·撸码客 发布于 2015-11-19 19:56:12
css属性在线排序工具:http://web.zhaicool.net/cssreorder.html不少人都说css属性的排序也是有一定的讲究的,还有大牛整理了css属性排序的书写规范,比如1.位置属性(position,top,right,z-index,display,fl...
蒙奇·D·撸码客 发布于 2015-11-06 14:48:57
不知道大家有没有发现,在我们给input和select设置相同宽度的时候,input的实际宽度却比select的宽。造成这种现象的主要原因是属性box-sizing在作怪。W3C给出的介绍是这样的:box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。翻译成“人话...
蒙奇·D·撸码客 发布于 2015-11-03 18:13:10
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。如何使用border-radius属性下面是border-radius属性最基本的使用方法。.round{border-radius:5px;/*所有角都使用半径为5px的圆角,此属性...
蒙奇·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-...
蒙奇·D·撸码客 发布于 2015-10-28 18:16:10
本案例主要实现箭头自相向上滑动,同时变大变透明的效果。一般在手机端起到引导用户向上滑动页面的作用。大概思路就是用到css3动画,动画分解成三个部分:1、位移,2、缩放,3、透明度变换。位移就是bottom或者top、left、right的变化,缩放就是width,height,透...
蒙奇·D·撸码客 发布于 2015-10-19 16:44:45
jquery结合css3动画特效属性如:keyframes、transform等打造3D盒子翻转特效,懒得写注释了。。。唯一的注释就是以下代码只是草稿,嗯,草稿中的草稿~但是能用!<styletype="text/css">.wrapper{display:inlin...
蒙奇·D·撸码客 发布于 2015-10-16 14:11:02
作为一个网页设计师,你可能熟悉在二维空间工作,但是在三维空间上工作并不太熟悉。使用二维变形我们能够改变元素在水平和垂直轴线,然而还有一个轴沿着它,我们可以改变元素。使用三维变形,我们可以改变元素在Z轴位置。三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的...
蒙奇·D·撸码客 发布于 2015-10-14 18:01:14
<!--声明文档使用的字符编码--><metacharset='utf-8'><!--优先使用IE最新版本和Chrome--><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome...
蒙奇·D·撸码客 发布于 2015-10-08 18:04:54
少用css元素选择器:">",为啥?因为ie6不兼容。。。当然可以引用一些js来解决如:<!--[iflteIE6]><scripttype="text/javascript"src="./views/default/skin/default/js/ieh...
蒙奇·D·撸码客 发布于 2015-09-22 10:57:26
项目需求:绘制一条两端透明渐变的分割线,样式如下:思路:当然可以用png格式的图片来代替,这样最兼容,但是最好是用css3来制作。用到的是css3的线性渐变属性:linear-gradient与颜色透明属性rgba的结合使用详细的css3代码很简单:.fgx{width:100%...