- 博客(19)
- 收藏
- 关注
RSS订阅原创 css3.0教程(十一)：Outline—外边框
outline（外边框）的功能在css3中得到了新的扩展，其属性outline-offset可以让外边框远离容器边缘，即可以调整外框与容器边缘的距离，还是来个例子比较好说明他的特性。目前只有Opera, Safari 和 Firefox支持。 html代码： outline示例：目前只有Opera, Safari 和 Firefox支持 css代码： .out
2009-03-28 01:47:00
649
原创 css3.0教程集合
css3.0教程(一)：border-radius圆角边框css3.0教程(二)：border-color边框颜色的新用法，绝对酷css3.0教程(三)：border-image边框也能有背景图片css3.0教程(四)：box-shadow创造酷炫的模糊阴影css3.0教程(五)：background-origin and background-clip控制背景的现实和裁剪cs
2009-03-28 01:42:00
1097
1
原创 css3.0抢先看(九)：box-sizing改变盒状模型结构
文章来自www.css3s.cn纵所周知div的盒状模型包括margin,border,padding和content四个部分.这四者的关系就无需我在这里班门弄斧啦.但是和今天主题又关的还是得说一下,那就是border里面是padding,padding里面是content.然而我们可以在css3.0中打破这一结构.使之变成content里面是border,border里面是padding.要
2008-02-18 14:54:00
1752
原创 css3.0抢先看(八)：text-shadow文字也能有阴影
文章来自www.css3s.cn在之前的章节里说到过border的阴影效果，css3中文字也能有同样的效果，而且书写格式也一样。示例代码如下：text-shadow: 2px 2px 2px #000;四个参数分别表示阴影的水平位移，垂直位移，模糊程度，阴影颜色。目前支持的浏览器有Opera 9.5, Safari 3, Konqueror ， Safari 3的屏幕截图如下：
2008-02-12 22:48:00
4679
原创 css3.0抢先看(七)：HSL和HSLA,RGBA全新的定义颜色方法
文章来自www.css3s.cn 象十六进制和RGB定义颜色一样，css3还支持HSL（色调，饱和度，亮度）的定义方式。既然采用hsl的方式，那就应该有三个参数值：hue(色调)：0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其他颜色。Saturation（饱和度）：取值为0%到100%之间的值。Lightness（亮度）：取值为0%到100%之间的
2008-02-11 20:32:00
2442
1
原创 css3.0抢先看(七)：多重背景
css3.0允许一个标签拥有多个背景图片，书写的时候 用逗号将各个图片隔开就行了。示例：background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat,
2008-02-10 20:41:00
1468
原创 css3.0抢先看(六)：background-size定义背景大小
本来我们只能对背景图片进行位置和重复方式的改变，不能像改变标签图片那样改变大小。而在css3中就能满足改变背景图片大小的愿望。 示例代码：background-size:200px 50px;说明：200px表示宽度，50px表示高度。目前只有Opera 9.5, Safari 3 and Konqueror浏览器中得到支持。在几种浏览器中的写法如下：-o-background-
2008-02-10 20:03:00
2158
原创 css3.0抢先看(五)：background-origin and background-clip控制背景的现实和裁剪
background-origin 和 background-clip 属性是和背景的现实有关的。目前只在Mozilla, Safari 3 和 Konqueror 浏览器中支持。background-origin ：用来确定背景的显示区域。他有三个参数值：border,padding,content。选择border就从border区域开始显示背景，例如你设置了10px的虚线border，那
2008-02-09 22:12:00
836
原创 css3.0抢先看(四)：box-shadow创造酷炫的模糊阴影
文章来自www.css3s.cncss3.0的background和border模块增加了个很酷的属性box-shadow,显然从名称就能猜出是制造阴影效果的。目前只能被safari3浏览器所支持。大家看了下面的例子就知道是怎么一回事了。 例子一：Safari 3 的用户能在这里看到5个像素模糊的背影 CSS 代码如下:-webkit-box-shadow: 10px 10px
2008-02-09 00:26:00
2524
转载 收集于网络的Web Standard规范化CSS+XHTML命名参考
CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻
2008-02-08 21:26:00
768
转载 Levels of CSS Knowledge - 看看你是哪个等级的CSS开发人员
CSS? Isn’t that a multiplayer game?第0级：CSS？那不是一个多人射击游戏吗？有些人因为在找CS:S（Counter Strike: Source）这款游戏的资讯而进到#CSS网站。不必担心这些人，他们不可能制作太多网页，所以对网络也不会造成多大伤害。 Yeah, I use it to remove underlines on links sometimes第1
2008-02-08 20:46:00
765
原创 css3.0抢先看(三)：border-image边框也能有背景图片
文章来自www.css3s.cncss3.0中增加的 border-image属性，看起来似乎很像background-image，实际上它们确实类似。通过它可以定义四条边的背景图片，图片是平铺还是拉伸，定义的时候和定义div的背景图片差不多。噢，还可以定义边框四个角上的背景图片。当前的浏览器就Safari 3支持，具体代码如下：border-image: /* 定义边框背景 *
2008-02-07 01:39:00
2567
原创 css3.0抢先看(二)：border-color边框颜色的新用法，绝对酷
css3.0里的border-color选项又有了新功能，它能输出渐变的边框。在firefox中支持该效果，看下面边框的效果：:如果你现在用的是Firefox 的浏览器，那就能看到这个边框的渐变效果它实现的代码是: border: 8px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #
2008-02-06 23:34:00
3072
原创 css3.0抢先看(一)：border-radius圆角边框
近来在国外的一些web学习网站上学习了些css3.0的新东东，组织了一下，打算分批写下来。由于个人水平有限，难免有理解上的错误，欢迎大家指出我的错误。 在css3中新增了很多功能和属性，好多很酷很实用的功能。只是现在好多浏览器还都不支持，只有个别浏览器对某些属性支持。现在开始介绍些有趣的吧。 border-radius：用这个属性能实现圆角边框的效果。现在只有Mozilla/
2008-02-05 23:57:00
5191
2
原创 web标准亲身体验
刚开始接触网页制作的时候，对许多概念都不很明白，其实现在好多也只是有一定了解，不一定能解释清楚，讲清楚。不过，半年的标准化工作经历让我多少有了点小小想法。原来制作页面的时候不求过程只求结果，只要能踉踉跄跄的在浏览器中大概正常显示就万幸了，哪敢奢求什么标签合理分配，样式表书写规范之类的，不是不想做好只因心有余而力不足啊。 对自己做的东西总是横竖不顺眼，到处寻医问药，时间不断的流去，而我也渐渐的成长，
2008-02-05 06:44:00
758
原创 WEB开发者的好消息
据InfoWorld的报道称，Microsoft于2008年2月12日通过Windows Server Update Services把所有Windows系统的浏览器强制升级到IE7，不会像以前那样要经过用户的许可。微软给出的理由是“安全原因”。对Web开发者来说，这是个好消息；对以前只支持IE6的网站来说，这是场灾难。相信对许多从事标准化的朋友而言是个机会，现在应该是适应ie6的网站比适应ie7
2008-02-05 05:07:00
541
转载 JavaScript Dom编程艺术
当我对JavaScript还停留在只认识这几个字母的时候，有一天我突然心血来潮，在网上下了DOM Scripting的样章，照着里面的例子写了我平生第一个能让我知所以然JavaScript，在浏览器运行成功，兴奋不已，从此能把学习编程的热情持续半年以上，破了过去只能热一两个星期的记录，它带给我的影响不只是JavaScript本身，我同时已经初步入门了Ruby on Rails。 为什
2008-02-05 04:57:00
665
原创 CSS 各种浏览器兼容方案
几个主流浏览器的兼容方案。特此与大家分享代码示例：.e {/*FF OP*/background-color: #FF0000}html* .e{/*Sa IE7 OP*/background-color:#FF00FF} *+html .e{background-color:#000000;/*OP*/*background-color:#0000FF;/*IE7*/} * html
2008-02-05 04:30:00
617
原创 css+div开发必备的工具
对于css+div开发，主要涉及的浏览器有firefox、Ie系列（现在主流的应该是ie7、ie6,据说08年ie也要开始强制升级ie6到ie7的版本。）、opera、nescape、navigator、safari.其中firefox对css的支持最完善。ie8的支持程度也有了很大的提高。firefox的firebug工具是很有用的帮助工具，它能够清晰的现实页面的DOM结构，界面如下： ，
2008-02-04 14:42:00
1804
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人