传说中的裸奔节--认识及体验CSS

首先在这里强调一下为什么要出这个类别的文章:

目前得到国内大部分网工重视的网络应用技术,要么服务系统\要么路由交换\要么网络监控管理\要么网络安全. 想要说的是除了这些技术,值得网工去发觉的还有我们的WEB技术.WEB技术并不是程序员的专利.因为我们搭建的web服务器跑什么样的web站点最安全高效,我们才是最清楚的人.因为从低层的比特流\数据帧\数据报文\ 到上层的数据流.的服务的搭建,我们最清楚其云做过程.

好了,再说一个具有征服力的例子:前不久一个学生毕业了,去一家外企面试 100多人去竞争的职位,最终他得尝所愿了.之后很兴奋的告诉我,成功的秘诀是自己会一点web的基础维护和制作技术,并且很清楚html结构.

-------------------------------------今天的重头戏上场--------------------------------------------------

什么是CSS? 层叠样式表到底是什么有什么用?

这个要从CSS 裸奔节说起.

每年的4月9日也就是我们经常看到的CSS Naked Day .

每年到这个日子就会看到大大小小的网站、Blog去掉CSS样式表，让网站”裸奔”，故这天也叫”CSS裸奔节”。

这个日子是为了推广CSS及XHTML等W3C标准页面代码而设的，更能突出网站在没有CSS的情况下代码结构是不是够清晰.

标准问题就需要标准化组织来定义,更重要的是需要我们来执行.

而W3C (The World Wide Web Consortium)就是这样的组织.

那么CSS 有什么样的作用呢?

我们会发现CSS就象衣服一样,甚至象域环境中的策略一样,可以定义一个站点中每个页面是否漂亮.是否能够让浏览者驻足.

而更重要更强大的是,CSS可以实现页面内容和样式的分离,从而减少html页面制作时的大小,并且从定义的角度统一整个网站的风格,并且大大减少了html设计人员的工作量,而且从职位分工上讲web的前台设计和后台程序设计彻底的分开.成为目前web2.0时代的主流前台设计手段.

下面写一段简单的CSS代码来体验一下CSS的好处:

[方法一]

首先看一下没有CSS的html代码:

----------------------------页面中的那句话被font标记定义了颜色-----------------------------------------

<html>

<head>

<title>没有CSS的HTML</title>

</head>

<body>

大家好!这个是没有CSS的html页面!

</body>

</html>

----------------------------页面中的那句话被font标记定义了颜色-----------------------------------------

[方法二]

再来看一下用CSS 定义后的页面:

------------------------在CSS文件中用CSS语句定义了这句话的颜色------------------------------

color:red

}

------------------------在CSS文件中用CSS语句定义了这句话的颜色------------------------------

------------------------而HTML页面中只需要写内容------------------------------------------------------

<html>

<head>

<title>有CSS定义的HTML</title>

</head>

<body>

大家好!这个是没有CSS的html页面!

</body>

</html>

------------------------而HTML页面中只需要写内容------------------------------------------------------

现在来对比两中方法,其中用CSS定义的页面实现了内容和样式的分离.以后想更改页面样式,只需要单独修改CSS文件就好:)

接着再来看这段CSS语句:

color:red

}

其中"p"(选择器的一种)代表下面html页面中的p(段落)标记,而"{color:red}"表示针对p标记所做的声明.

至于CSS的具体写法,以及CSS的标准结构,以及什么是选择器,什么是声明.分别有什么用,怎么用?

请听下回分解...............................

传说中的裸奔节--认识及体验CSS相关推荐

CSS裸奔节，一个被遗忘的前端节日！
昨天是4月9日,以往每年到这个日子就会看到大大小小的网站.Blog去掉CSS样式表,让网站"裸奔",故这天也叫"CSS裸奔节". 这个日子是为了推广web 标准 ...
CSS Naked Day（CSS裸奔节）
第三届CSS裸奔节来了,今年(CSS Naked Day '08)的时间定在4月9日. 活动目的 CSS裸奔节的目的是推动Web标准.简洁为美.使用正确的(x)html,语义标记,良好的层次结构.暂时 ...
喜忧参半的AI，“裸奔”之下的隐私焦虑
AI给用户带来了便捷,同时也给不法分子制造了可乘之机. 最近有一件涉及隐私的"小事"颇让人回味. 某网友在微博上盛赞了支付宝的界面模糊功能,让这个小Trick大火了一把. 能有这样 ...
裸奔浏览器_大概是最好用的隐私浏览器 - Firefox Focus
相信很多人都或多或少有些奇奇怪怪的想法,想要去探索 ,却不想与他人分享 . 那么这款浏览器就是您的最佳选择这款浏览器 iOS端安卓端均提供免费下载界面小清新不会产生任何浏览记录想保留 ...
大数据时代，如何让个人信息不再“裸奔”？
大数据时代,海量的信息为市场走向和企业决策充当了风向标的角色,互联网思维标榜的"用户体验"也成了部分人理直气壮窃取客户信息的理由."杀熟".数据泄露等各种危害用 ...
裸奔浏览器_【大数据早报】上网=“裸奔”？单凭浏览器历史记录就能锁定身份...
一单快递只赚2毛5,快递价格战压缩快递员收入一位快递员在网上吐槽说,今年7月,到手派件费已降至0.4元/件,扣除短信费.电话费后,一单只能赚0.25元.快递行业的竞争愈演愈烈,不断加剧的价格战使得快 ...
网骗欺诈？网络裸奔？都是因为 HTTP？
先跟大家讲个故事,我初恋是在初中时谈的,我的后桌的后桌.那个时候没有手机这类的沟通工具,上课交流有三宝,脚踢屁股.笔戳后背以及传纸条,当然我只能是那个屁股和后背,还不是能让初恋踢到的后背. 但是说实话 ...
众生谈Cookie色变，我们的隐私在“裸奔”？
2013央视"3·15"晚会集中曝光了多家互联网广告.搜索公司通过Cookie跟踪用户习惯.窃取用户隐私信息的行为.一时间,这个不常被挂在嘴边默默伴随了我们20年的网络插件Cook ...
快递单上关键信息开始“隐身” 个人信息不再“裸奔”
一张快递面单能"扒"出多少个人信息?不仅是上面显示的姓名.手机号.地址,如果溯及微信.支付宝等账号,更能了解其兴趣爱好.家庭成员等信息.换言之,一张快递单就可以让你处于信息&quo ...

传说中的裸奔节--认识及体验CSS

传说中的裸奔节--认识及体验CSS相关推荐

最新文章

热门文章