![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
ww122081351
这个作者很懒,什么都没留下…
展开
-
Border属性
边界是众所周知的,有什么新的东西吗?好吧,我敢打赌,在这篇文章中,有很多你不看永远不知道的东西!不仅可以用CSS3来创建圆角,使用原有CSS一样可以显示自定义图形。这是正确的(有待考究);在过去,没发现这种技术之前,我们可能使用背景图像定位来显示一个园或箭头。幸运的是,我们能放下PS图象处理软件了。基础你可能很熟悉边的最基本用法。border: 1px solid bl转载 2014-02-27 15:56:50 · 1250 阅读 · 1 评论 -
CSS控制链接—CSS偽类
CSS控制元素的某种状态---偽类(用于向某些选择器添加特殊的效果) 偽类的语法:元素标签 偽类名称{属性:属性值;} a:link:未访问的链接 a:hover:鼠标移动到链接上 a:active:鼠标按下链接 a:visited:已访问的链接 如果在点击过后再返回到该页面还有原创 2014-02-27 17:37:32 · 752 阅读 · 0 评论 -
Css3圆角阴影
圆角:-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;原创 2014-02-19 17:18:56 · 554 阅读 · 0 评论 -
filter
filter: alpha(opacity=100,finishopacity=0,style=2);filter CSS静态滤镜样式alpha 设置图片或文字的不透明度 opacity 设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ,即完全透明。 100 为完全不透明。finishOpacity 设置或检索透明渐变的结束透明度。取值范围为 0原创 2014-02-18 16:28:52 · 501 阅读 · 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原创 2014-04-30 13:49:04 · 3583 阅读 · 0 评论 -
使用CSS3线性渐变实现图片闪光划过效果
这个 CSS3 的效果怎么实现呢?HTML 设计成这样:1p class="overimg">2 a>imgsrc="http://www.nowamagic.net/librarys/images/201402/2014_02_15_01.jpg">a>3转载 2014-03-22 13:11:59 · 1759 阅读 · 0 评论 -
各种浏览器的Hack写法(chrome firefox ie等)
Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中,让其符合条件的浏览器解析这些代码,就如前面所说的条件样式,我们将CSS Hack代码放入条件样式文件中,符合条件的浏览器就解析,不符合的将不解析,从面达到您所需要的页面渲原创 2014-04-19 17:51:24 · 1095 阅读 · 0 评论 -
关于谷歌内核 字体小于12px时候的情况
今天做东西的时候 发现谷歌内核 的浏览器对于font-siz原创 2014-04-19 17:49:44 · 931 阅读 · 0 评论 -
CSS
让A标签(超链接)失效的CSS写法a {poorfish:expression(this.onclick=function kill(){return false})}原创 2014-09-18 14:01:39 · 518 阅读 · 0 评论 -
CSS3 demo
网页上下颠倒/* Turn every website upside down*/body { -webkit-transform: rotate(180deg);}网页旋转/* Spin every Website*/body { /*-webkit-animation: spin 5s linear infinite;*/}网页中所有图片原创 2014-12-15 20:48:04 · 562 阅读 · 0 评论 -
纯CSS3打造动感漂亮的扇形菜单
纯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翻译 2014-02-27 16:33:48 · 2865 阅读 · 0 评论 -
怎样使背景图片占据整个屏幕?
CSS处理方法(仅IE)#backGroundImg { background-image: url("X.png"); background-repeat: no-repeat; filter:progid:dximagetransform.microsoft.alphaimageloader(src='X.png', sizingmethod='scale');/*加上这个,原创 2014-02-27 16:07:08 · 964 阅读 · 0 评论 -
淘宝里table中tr之间有空隙的解决方法
最近在公司遇到了淘宝里table 之间有空隙的问题,直接正题不罗嗦:方法一:在table中所有图片都加入“align=”top”” 举例:align=”top” /> 方法二:自定义样式淘宝中自定义区的外部BOX的样式是“custom-area”我们在自定义区可以这样写:.custom-area table {font-size:0;line原创 2013-09-30 11:19:11 · 5575 阅读 · 0 评论 -
火狐浏览器不能自动适应(撑开)背景的解决方法
方法一: 设边框和背景同时还需要高度自动时IE正常,火狐浏览器不显示时:溢出设为自动如:overflow:auto;方法二:很多朋友碰到火狐高度不自动撑开的问题今天下午遇到一个问题 弄了很久,有些人使用 min-height:500px; height:auto !important; height:100%来解决火狐浏览器下高度自动,可是我觉得使用 min-hei原创 2013-09-30 11:13:22 · 3239 阅读 · 0 评论 -
10个CSS简写/优化技巧
CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:一、盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右四个方向,每个方向都有个外边距:原创 2013-09-30 11:08:33 · 707 阅读 · 0 评论 -
JS判断不同分辨率调用不同的CSS样式文件
最近看一个网站,发现显示器不同的分辨率,样式文件调用的也不一样,今天写了一个例子研究一下,无标题文档window.onload=function(){var sc=document.getElementById(“sc”);var d=document.getElementById(“d”);if(screen.width>1024) //获取屏原创 2013-09-30 11:15:25 · 2065 阅读 · 0 评论 -
js模仿hover
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() { $('原创 2013-10-16 13:52:28 · 1312 阅读 · 0 评论 -
css在各种浏览器中不同的写法
*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原创 2013-11-17 13:18:37 · 915 阅读 · 0 评论 -
<meta name="viewport" content="width=device-width...
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例转载 2013-12-30 15:49:05 · 1034 阅读 · 0 评论 -
关于HTML中的滚动条/去掉滚动条
1.xhtml下滚动条的颜色问题在原来的html的时候,我们可以这样定义整个页面的滚动条:body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar原创 2014-02-04 14:34:53 · 6646 阅读 · 0 评论 -
Web开发者不容错过的20段CSS代码
Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。 本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。 1. CSS Resets 网络上关于CSS重置的代码非常多。本段代码是转载 2014-02-12 15:13:52 · 589 阅读 · 0 评论 -
css特效-一道闪光在图片上划过
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下:大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的线性渐变linear-gradient,然后hover的时候,设置0.5s的动画时间。同时在 i 层使用 cursor:pointe转载 2014-02-27 17:00:43 · 3330 阅读 · 0 评论 -
CSS3一般媒体查询
/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */} /* Smartphones (landscape) -----------原创 2016-01-19 11:58:26 · 640 阅读 · 0 评论