CSS Naked Day - CSS裸奔节

2016-02-19 17:02 5 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的CSS Naked Day - CSS裸奔节教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

  CSS Naked Day,也称CSS裸奔节或CSS裸奔日,2009年4月9日是第四界css裸奔节。Mb5u.com作为学习类的站点,未参加这次裸奔节!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  CSS裸奔节就是将这整站的css样式都去掉,这样所有的布局,颜色,背景什么的就都没有了(除非你使用table布局),只剩下html实体显示出来,起源好像是比较无聊的想法,就是剥去css的外衣,让大家看看你的(x)html代码是否工整,但是时至html语义被极力推崇的今日,CSS裸奔节就给外的有意义!
  
  CSS裸奔节的意义

  不管CSS裸奔节的原始意义是什么,或许只是一个网络恶作剧,但是从第一届CSS裸奔节(2006年4月5日)开始,CSS裸奔节的意义在于:推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。

  告诫大家做页面不仅仅是把还原设计稿,更不是所谓的css div,更多的是使用正确的 (x)html语义标记、良好的层次结构。

  历届CSS Naked Day的举办时间

  第一届CSS裸奔节:2006年4月5日
  第二届CSS裸奔节:2007年4月5日
  第三届CSS裸奔节:2008年4月9日
  第四届CSS裸奔节:2009年4月9日
  

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1613948.html

延伸阅读
标签: Web开发
前面一篇介绍了网页制作的CSS的作用 宣告CSS样式的语法如下: 選擇器{ 选择器{ 屬性:設定值; 属性:设定值; ... } 在一個選擇器(Selector) 中,可以設定的屬性數目沒有限制。在一个选择器(Selector)中,可以设定的属性数目没有限制。 選擇器主要有三種:型類(Type) 選擇器、Class 選擇器、和ID 選擇器。选择器主要有三种:型类...
标签: Web开发
淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始,类目间的竖线无非都只有三种。 背景图 在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。 缺点:最后一个还是要用class来隐藏掉背景。 符号 在每个a标签之间用”|”符号来填充。 缺点:html文件变大,文件维护变得很麻烦,而且在html中毫无意义。 a标签...
标签: Web开发
原文:http://wiki.github.com/stubbornella/oocss/faq(翻译时为Version 28) 翻译:ytzong 在OOCSS中怎么定义对象? 对象类似JAVA中的类,保持着OO的特征。 一个CSS对象由4部分组成: 可能是一个或多个DOM节点的HTML 由wrapper节点的class名开始的CSS样式声明 类似于背景图片和显示用的sprites组件以及 JavaScript行为,监听或者与...
标签: Web开发
CSS样式 层叠顺序 当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读...
标签: Web开发
Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。 使CSS针对特定的浏览器。 简化你对CSS文件的维护。 优化你的CSS。 解决CSS那些使人烦恼的小BUG。 自动扩展和引入@import声明。 它是免费和开源的! 毫无疑问,你会发现很多情况下,不同的浏览器需要不同的样式声明,针对这一点,Conditional-CSS...

经验教程

858

收藏

68

精华推荐

CSS实例教程:CSS Hack

CSS实例教程:CSS Hack

快乐时尚的我

什么是CSS(CSS快速入门)

什么是CSS(CSS快速入门)

抚摸洒下

CSS教程:初始化CSS

CSS教程:初始化CSS

梵心only

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部