Css

用IE滤镜实现多种常用的CSS3效果

CSS3是当下非常火的一个话题之一,很多浏览器都已经开始支持这一特性,然后IE这个拥有庞大用户群体的平台,却无法提供这样的支持,即便是IE9发布,也无法改变这一事实,然而,幸运的是,IE并非在这方面毫无作为,很多有经验的开发者都听知道IE的滤镜,看看下面的内容将告诉大家,IE是如何通过这些滤镜,实现CSS3效果的。透明...

用CSS实现定位DIV绝对位于网页底部

网上有一些解决方案,但会出现当改变窗口高度时,底部和正文重叠的BUG。尽管没有多少人会有事没事儿的去改变窗口高度,但设计嘛,追求的就是尽善尽美。下面是我找到的一个比较完美的方法,来自国外的设计达人,纯CSS,可以实现:当正文内容很少时,底部位于窗口最下面。当改变窗口高度时,不会出现重叠问题。甚至,创造该CSS的人还专门...

让IE6IE7IE8支持CSS3属性的8种方法介绍

我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。到目前为止,有不少可以让IE支持部分CSS3属性的工具。例如:1.DeanEdwards的IE7.js(以及IE...

CSS实现文字省略

1、首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏。width:245px;/*一定要设置固定宽度*/overflow:hidden;/*不显示超过对象尺寸的内容,就是把超出的部分隐藏了*/2、设置文本缩略的样式为"..."white-space:nowrap;/*表示文本不会换行,...
代码星球·2020-04-04

css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))

借知乎的回答如下解释:首先,我想告诉你的是,如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的)。绝对...

CSS 预处理器(框架)初探:Sass、LESS 和 Stylus

现在最为普遍的三款CSS预处理器框架,分别是Sass、LessCSS、Stylus。拿less来说,可以在页面上直接使用less文件,但要引用less.js进行解析;同时也可以直接将less输出为css文件。推荐使用后者。最常用的less编译输出css工具:与node.js关联的npm,安装less模块,然后使用les...

css中import与link用法区别

方式:引入CSS的方法有两种,一种是@import,一种是link@importurl('地址');//注意,这种方式可以放在页面也可以放在css文件中<linkhref="地址"rel="stylesheet"type="text/css"/>区别:1:link是XHTML标签,除了加载CSS外,还可以定...

css设置background图片的位置实现居中

/*例1:默认值*/background-position:00;/*元素的左上角*//*例2:把图片向右移动*/background-position:75px0;/*例3:把图片向左移动*/background-position:-75px0;/*例4:把图片向下移动*/background-position:01...

css3的@media媒体查询

css3新功能,根据屏幕大小进行识别。参考:http://www.runoob.com/cssref/css3-pr-mediaquery.html...
代码星球·2020-04-04

HTML/HTML5/CSS/CSS3教程速查手册地址以及如何快速直到webkit的用法

http://www.w3school.com.cn/http://www.runoob.com/不过上面这两个都是标准的CSS和CSS3教程,针对一些类似-webkit-内核的样式没有公布。下面我来提供一个火狐的官方地址,也有少量的webkit的用法:https://developer.mozilla.org还有一种...

30+有用的CSS代码片段

 标签: css3前端2016-03-2721:56 27人阅读 评论(0) 收藏 举报 分类:Web前端技术在一篇文章中收集所有的CSS代码片段几乎是不可能的事情,这里列出了一些相对于其他的更有用的代码片段,不要被这些代码的长度所吓到,因为它们都很...
代码星球·2020-04-03

移动端 h5开发相关内容总结——CSS篇

 标签: css移动2016-01-0615:59 5536人阅读 评论(3) 收藏 举报 分类:HTML+CSS(17) 版权声明:本文为博主原创文章,未经博主允许不得转载。 目录(?)[+] 1.移动端开发视窗口的添...

12个CSS高级技巧汇总

2016-08-01 分类:HTML_CSS_JS笔记 阅读(10) 评论(0)   下面这些CSS高级技巧,一般人我可不告诉他哦。使用 :not()在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child&nb...

手把手教你玩转CSS3 3D技术

 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。当然用理论来说明,估计你还不...

CSS3动画【归纳总结】

<!---网易的动画如下---><style>.dhb66{width:300px;height:300px;border:1pxsolid#f00;}.dhb66:hover{box-shadow:3px3px6pxrgba(0,0,0,0.2);-webkit-transform:trans...
代码星球·2020-04-03