导语:下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。1.黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.d…
(1)知道子元素的宽高<!--父元素相对定位--><!--子元素绝对定位-->.child{position:absolute;top:50%;left:50%;margin-left:-50px;margin-to…
(本文转自:http://chenbing3313.blog.163.com/blog/static/15755281200762615234562/)当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个…
如何清除图片下方出现几像素的空白间隙方法1img{display:block;}方法2除了top值,还可以设置为text-top|middle|bottom|text-bottom,甚至特定的和值都可以img{vertical-align:…
1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5e…
如何清除图片下方出现几像素的空白间隙?方法1:img{display:block;}方法2:img{vertical-align:top;}除了top值,还可以设置为text-top|middle|bottom|text-bottom,甚至…
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…
几个经典的css技巧来源:grace作者:graceMacJi“偷懒”翻译了部分,下午冒着被BOSS开除的危险将其补完(原文链接)。使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时…
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3CWeb标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一…
CSStipsandtricks原文出处:www.456bereastreet.com原文发表时间:2005年3月15日原文作者:RogerJohansson作者简介:住在瑞典哥德堡,1994年开始接触和参与web设计,456BereaSt…
1、文字描边-webkit-text-shadow:#be8ef82px01px,#be8ef802px1px,#be8ef8-2px01px,#be8ef80-2px1px;-moz-text-shadow:#be8ef82px01px,…
margin的位移方向是指margin数值为正值时候的情形,如果是负值则位移方向相反。如上图所示:黄色子元素盒的margin-top,margin-left为负值时,如-10px,则黄色子元素盒向上(向左)移动,越过相邻元素10px;黄色子…
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处…
1.黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:graysca…
本文转载自:经验分享:多屏复杂动画CSS技巧三则