wing 的专栏

边界是众所周知的，有什么新的东西吗？好吧，我敢打赌，在这篇文章中，有很多你不看永远不知道的东西！不仅可以用CSS3来创建圆角，使用原有CSS一样可以显示自定义图形。这是正确的（有待考究）；在过去，没发现这种技术之前，我们可能使用背景图像定位来显示一个园或箭头。幸运的是，我们能放下PS图象处理软件了。基础你可能很熟悉边的最基本用法。border: 1px solid bl

CSS控制元素的某种状态---偽类（用于向某些选择器添加特殊的效果）    偽类的语法：元素标签 偽类名称{属性：属性值;}        a:link:未访问的链接        a:hover:鼠标移动到链接上        a:active:鼠标按下链接        a:visited:已访问的链接                如果在点击过后再返回到该页面还有

圆角：-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;阴影：-moz-box-shadow:0 1px 3px #cbcbcb;-webkit-box-shadow:0 1px 3px #cbcbcb;

filter: alpha(opacity=100,finishopacity=0,style=2);filter CSS静态滤镜样式alpha 设置图片或文字的不透明度 opacity 设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。finishOpacity 设置或检索透明渐变的结束透明度。取值范围为 0

html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicI

这个 CSS3 的效果怎么实现呢？HTML 设计成这样：1p class="overimg">2    a>imgsrc="http://www.nowamagic.net/librarys/images/201402/2014_02_15_01.jpg">a>3

Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲

今天做东西的时候 发现谷歌内核 的浏览器对于font-siz

让A标签(超链接)失效的CSS写法a {poorfish:expression(this.onclick=function kill(){return false})}

网页上下颠倒/* Turn every website upside down*/body { -webkit-transform: rotate(180deg);}网页旋转/* Spin every Website*/body { /*-webkit-animation: spin 5s linear infinite;*/}网页中所有图片

纯CSS3打造动感漂亮的扇形菜单_网页代码站)*{margin:0px;padding:0px;}body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}.tips{width:702px;margin:0 auto;line-height:24px;padding-top:10px;}.bred

CSS处理方法（仅IE）#backGroundImg { background-image: url("X.png"); background-repeat: no-repeat; filter:progid:dximagetransform.microsoft.alphaimageloader(src='X.png', sizingmethod='scale');/*加上这个，

最近在公司遇到了淘宝里table 之间有空隙的问题，直接正题不罗嗦：方法一：在table中所有图片都加入“align=”top”” 举例：align=”top” /> 方法二：自定义样式淘宝中自定义区的外部BOX的样式是“custom-area”我们在自定义区可以这样写：.custom-area table {font-size:0;line

方法一： 设边框和背景同时还需要高度自动时IE正常，火狐浏览器不显示时：溢出设为自动如：overflow:auto;方法二：很多朋友碰到火狐高度不自动撑开的问题今天下午遇到一个问题 弄了很久，有些人使用 min-height:500px; height:auto !important; height:100%来解决火狐浏览器下高度自动，可是我觉得使用 min-hei

CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：一、盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：

最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，今天写了一个例子研究一下，无标题文档window.onload=function(){var sc=document.getElementById(“sc”);var d=document.getElementById(“d”);if(screen.width>1024) //获取屏

thisbody{margin:0;padding:0;}   .hover{float:left;position:relative;margin:0 auto;padding:0; }   .hv{position:absolute; left:0;top:0;display:none; }   $(function() {      $('

*margin:0px 0px -4px 0px !important; /***适合IE7.0***/*margin:0px -5px -4px 0px; /****适合IE6.0***/margin:0px 0px 0px 0px; /*****适合FF*****/ 区别IE6与FF：　　background:oran

网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例

1.xhtml下滚动条的颜色问题在原来的html的时候，我们可以这样定义整个页面的滚动条：body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。　　本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。　1. CSS Resets　　网络上关于CSS重置的代码非常多。本段代码是

在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下：大体思想是，设计一个透明层i，skewx在X轴上做了负25度的变形，背景颜色用的是CSS3的线性渐变linear-gradient，然后hover的时候，设置0.5s的动画时间。同时在 i 层使用 cursor:pointe

/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */} /* Smartphones (landscape) -----------