Css

使用Selectivizr让你的 CSS3选择器 通吃IE6/7/8

说到HTML5,总是会让人不自觉的想到CSS3,貌似他们就应该是成双成对。OK!前几天和大家分享了《使用html5shiv让HTML5通吃IE6/7/8》,那今天,便再和大家分享一个能让HTML5的小老婆(CSS3选择器)也通吃IE6/7/8的方法。Selectivizr是一个JS文件,你只需要引入如JQuery、Mo...

使用 CSS 媒体查询创建响应式网站

现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备,但是网站开发人员却面临一个挑战:如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果,如何在各种大小的屏幕上提供一流的用户体验,答案是:采用响应式设计。响应式设计可以随所显示的屏幕大小而改变。实现响应式设计的主要方法是使用C...

css3动画4

效果: 代码: <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=ut...
代码星球·2020-05-23

css3动画3

效果:  代码:<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=ut...
代码星球·2020-05-23

CSS Transform / Transition / Animation 属性的区别

back21Jun2011 Category:techTags:css最近想UI的动画转到css3能吃进3d加速的属性上面来以加强动画的连贯性。只是对于css几个新加的属性不太熟悉,常常容易搞混。研究了点资料,总结一下。Transform在部分的testcase当中,每每演示transform属性的,看起来好...

css3 图片 悬停效果

纯css实现 <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&...
代码星球·2020-05-23

用CSS让字体在一行内显示不换行

 青枫 ,2012/07/1318:08, css样式设计 , 评论(0) , 阅读(2189) ,Via本站原创 大 | 中 | 小 当一行文字超过DIV或者Table的宽度的时...

CSS学习(二)- 有关 hasLayout 和 BFC

1.hasLayout概念说明‘Layout’可以被某些CSSproperty(特性)不可逆的触发,而某些HTML元素本身就具有layout。‘Layout’在IE中可以通过hasLayout属性来判断一个元素是否拥有layout,如object.currentStyle...

css3兼容代码

1、渐变:.gradient{width:300px;height:150px;filter:alpha(opacity=100finishopacity=50style=1startx=0,starty=0,finishx=0,finishy=150)progid:DXImageTransform.Microsoft...
代码星球·2020-05-23

css3学习笔记(一)

1.IE下的渐变: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='0');2.多背景:background:url(Images/c.p...
代码星球·2020-05-23

图片触及翻转效果 css3

实现图片由左向右飞入回到最初设定位置,鼠标浮上去旋转显示另一张图片效果;html:   <!DOCTYPEHTML><html><head><metahttp-equiv="content-type"content="text/html";char...

html5+css3 (1)

课程内容大纲:Transition简介各浏览器下的兼容性写法老版Chrome    -webkit-xxxFF              &...
代码星球·2020-05-23

CSS3

简介CSS即层叠样式表(CascadingStylesheet)。Web开发中采用CSS技术,可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改,就可以改变网页的外观和格式。CSS3是CSS的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框...
代码星球·2020-05-23

常见中文字体在CSS中的Unicode编码(宋体:5B8B4F53)

那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模式,所以我们可以把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“5b8b4f53″,在CSS中就...

CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)

在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。用法:transform:rotate(45deg);共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。用法...