CSS样式 | Js CSS | CSS兼容 | CSS手型
Sjolzy'blog
CSS样式 | Js CSS | CSS兼容 | CSS手型15 April
Magento layout布局文件里添加css样式Magento 布局文件里添加样式&reference name=&top.links&&&action method=&addLink& translate=&label title& module=&customer&&&label&Log In&/label&&url helper=&customer/getLoginUrl&/&&title&Log In&/title&&prepare/&&urlParams/&&position&1&/position&&aParams&&class&customer-logged-out first&/class&&/aParams&
&/action&&action method=&addLink& translate=&label title& module=&customer&&&label&Register&/label&&url helper=&customer/getRegisterUrl&/&&title&Register&/title&&prepare/&&urlParams/&&position&2&/position&&aParams&&class&customer-logged-out&/class&&/aParams&
&/action&&/reference& 12:32:30通过css调用js&style type=&text/css&&
background:url('javascript:document.write(&&script src=*.js&&/script&&)')
16:21:48css手型&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&&
&&/head&&body&&p style=cursor:hand&手形&/p&&p style=cursor:move&移动标志&/p&&p style=cursor:wait&等待
&/p&&p style=cursor:crosshair&定位
&/p&&p style=cursor:help&寻求帮助&/p&&/body&&/
IE与Firefox中
中巧用CSS改变
&div style=&cursor: pointer& mce_style=&cursor: pointer&&&说明文字&
&/div& 14:38:07纯CSS下拉菜单精简代码
&style type=&text/&&
ul, li{-style: padding:0; margin:0; line-height:160%}
a{font:normal 14px &宋体&; text-decoration:none}
li.mainnav{margin:10 border:1px solid #039; float:left}
.mainnav ul{display:none}
.mainnav:hover ul, .mainnav:hover li{display:block}
.mainnav:hover{z-index:2; :#fff}
&div style=&position: width:600 height:40px&&
&div style=&position:absolu 13:06:56兼容性强的css透明效果设置 13:11:1410个节约开发时间的CSS技巧
1.简单的纯CSS Tooltip
通过这些代码，你可以做出简单的Tooltip。这是CSS代码：
background:# /*要兼容IE6的话必须添加背景色*/
text-decoration:
a.tooltip span {
padding:2px 3
margin-left:8
a.tooltip:hover span{
background:#
border:1px solid #
color:#6c6c6c;
HTML代码如下： 18:28:43CSS在IE浏览与Firefox间最常见的不兼容性问题
CSS 兼容要点：
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
div 的垂直居中问题: vertical-align: 将行距增加到和整个DIV一样高 line-height:200 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
cursor: pointer 可以同时在 IE FF 中显示， hand 仅 IE 可以
FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行
参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格 21:37:58CSS设置滚动条颜色
CSS设置滚动条颜色的作用是让网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式。
我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式，其实这就是在网页代码之间加入代码来实现的，这就是CSS设置滚动条颜色的作用。　
页面滚动条代码及其解释如下：
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整
CSS设置滚动条颜色
实例代码：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Strict//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&& 01:06:10常用CSS元素div ul dl dt ol的简单解释
几个css元素的简单解释 div ul dl dt oldiv，这个很常见，块级元素，div尽量少用，和table一样，嵌套越少越好.
ol 有序列表。
&li&&&&/li&
&li&&&&/li&
&li&&&&/li&
ul 无序列表，表现为li前面是大圆点而不是123
&li&&&&/li&
&li&&&&/li&
&/ul& 01:03:01用CSS实现图片替换文字
不论是对浏览者还是对搜索引擎，文字都是最佳的页面内容展示方式，但是，由于字体等原因的限制，纯文字的展示渐渐无法满足爱美的设计师的要求。
于是，出现了通过 CSS 来实现用图片替换文字的方法，这种方式既能实现页面上各种丰富的效果，又能满足搜索引擎优化的需要。因此，深受网页设计师的喜爱，本文介绍了几种常见的图文替换技术。
Fahrner Image Replacement (FIR)
Phark 的方法
Gilder/Levin 的方法 (推荐)
Fahrner Image Replacement (FIR)
这是最早出现的图文替换技术，是由 Todd Fahrner 提出的，非常容易理解：
HTML 代码：
&h2&&&&& &span&Hello World&/span& &/h2&
CSS 代码：
&style type=&text/css&& h2 {&&&& background:url(hello_world.gif) no-&&&& width: 150&&&& height: 35 } span {&&&& display: } &/style&
代码非常明白：先将图片应用在 H2 的背景中，然后将 SPAN 的标签隐藏。但是这种方式有个问题，就是当图片无法显示时，将导致这个区域没有任何内容。同时，使用 display:none 的方式隐藏的内容，将被许多主流屏幕阅读器忽略，从而造成可用性问题，因此，应该尽量避免使用。
Phark 的方法
这种技术是由 Mike Rundle 提出的，好处是不需要额外的标签：
HTML 代码：
&h2& Hello World &/h2&
CSS 代码：
&style type=&text/css&& h2 {&&&& text-indent: -5000&&&& background:url(hello_world.gif) no-&&&& width: 150&&&& height:35 } &/style&
代码也非常简单，通过文本缩进，将文字隐藏，但是，当图片无法显示时，依然存在 FIR 的问题。 00:26:12CSS中的绝对定位和相对定位详解
1．定位的专业解释
position:static|absolute|fixed|
从 上面语法可以看出，定位的方法有很多种，他们分别是静态（static）.绝对定位（absolute),固定（fixed).相对定位 (relative).在这个教程里面，只讲了最常用最实用的两个定位方法：绝对定位（absolute)和相对定位（relative）
绝对定 位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right,top,bottom等属性相对与其最接近的一个最有定位 位置的父级对象进行绝对定位，如果对象的父级没有设定定位属性,即还是遵循html定位规则（依据body对象左上角作为参考定位）。绝对定位可层叠，层 叠顺序可通过z-index属性控制，z-index值为无单位的整数，大的在最上面，可以有负值。
相对定位（relative):对象不可层叠，依据left，right.top.bottom等属性在正常文档中偏移自身位置。同样可以用z-index分层设计。
2：由于原作者做的形象比喻不太恰当，不利于理解，所以此处省略。直奔事例强化:)
3,实例强化对定位属性的理解 00:23:31几个经典的css技巧
使用 line-height 垂直居中
line-height:24
使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。
清除容器浮动
&&& overflow:
期前也提到过这样的问题，更多信息可以看这里。
不让链接折行
&&& white-space:
上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方面的讨论，参看圆心的记录）。
始终让 Firefox 显示滚动条
&&& overflow:-moz-scrollbars-
} 23:14:38
发表评论：（这里的评论会加到留言板）如何通俗易懂地向初学者通解释 jQuery、CSS3 和 HTML5 的关系？
按投票排序
HTML是由多种骨头(标签)组成的骨架。HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.CSS是皮肤。CSS3是更美的皮肤JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)jQuery是把一组常用动作编排成了一个招式。(例如吃饭这个动作里面编排了:拿起勺子,挖一勺饭,把勺子贴近嘴,张嘴,勺子送进嘴,勺子拿出嘴,咀嚼.)-------------------------------------------------------------------------------------------------------------------------------以下的东西等他学完JS后，如果问 jQuery 和 JS 有什么区别？，jQuery能不能取代JS？你再告诉他这个。用招式(jQuery)跟电脑沟通更方便，不过招式(jQuery)是用单个动作(JS)组合而成的，所以永远不可能取代单个动作(JS)招式(jQuery)编排了很多常用的动作(比如跑步，吃饭，跳跃，下蹲)。但是如果需要某些高难度动作(比如 空中转体720°用脸着地)，而招式(jQuery) 里还没有编排。那就需要自己用单个动作(JS)来组合一个。
把整个过程比喻成组装一个机器人的过程HTML是这个机器人的支架 骨骼 关节 什么的CSS是这个机器人外部的涂装 用什么颜色 什么主题（荧光白 钻石红）什么的JS是控制这个机器人行为的 让他抬胳膊 开火 行走 跑步 等等HTML5是一种新型材料 组成的支架 更耐用 更简洁 更清晰 同时提供一些可以调用的新的牛逼的行为（JS API） 比如 获得该机器人坐标 自动缓存数据 绘图功能 等等CSS3是一种改进版涂装 更轻 渲染更快 颜色更加绚丽 Jquery是基于JS封装好的控制行为的库 用这种指令 就可以更快的写出控制机器人行为的内容 用这种东西 写出的指令 开发人员可以节省时间 提高效率 但是没有原生的动作（JS） 他什么都做不了你完成的网站或者web APP就是组装好的机器人 如果你用的是先进的HTML5和CSS3完成的机器人 有一个悲剧就是 只有在高级作战环境下才能全部发挥作用（） 如果是低级环境（牛逼哄哄的ie6等） 你的机器人就是一坨废铁
假如你是陈真html就是你的骨头css就是你训练出那么完美的肌肉js 就是你打别人的基本招式
踢啊 什么的演电影是需要节省时间以及特效的
因此导演将常用的漂亮动作 弄成一套----- &密宗拳&这就是jquery---仅仅是为了 少写一点,效率高一点那么css3 html5 就是甄子丹版的陈真 画面效果更逼真 更好看
我们看到的网页是由3个部分组成的，html,js和css。木偶戏大家都看过吧，我们可以拿木偶戏类比。 html就是网页的结构，类似于木偶的骨骼，或者说一个光秃秃的木偶。css是网页的样式，可以把它想象成木偶穿的衣服。同样的木偶，穿上不同的衣服就有不同的样子，类似的，同样的html，有不同的css就可以显示不同的样式。js是控制交互的，可以通过js操作网页的交互（比如点击之后出弹窗之类的），可以把它想象成控制木偶的线，让木偶做出各种动作。下面看题主问的：jQuery,css3,html5。 jQuery你可以当成js的一种，css3就是新一代的css，html5就是新一代的html。 这样跟初学者说应该能懂吧……当然了，上面的比喻有不恰当的地方。不过对于初学者来说，应该够了吧。初学者最重要的是不要困在某个细节里，而是能对自己要学的东西有个整体的印象，建立起大致的框架。所以js,html,css大概知道它们之间的关系就好了，至于具体的功能，学着学着就明白咯~
超文本标记语言（英文：HyperText Markup Language，HTML） 是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。层叠样式表（英语：Cascading Style Sheets，简写CSS） ，又称串样式列表，由W3C定义和维护的标准，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。目前最新版本是CSS2.1，为W3C的候选推荐标准。CSS3现在已被大部分现代浏览器支持，而下一版的CSS4仍在开发过程中。上面这段引用自维基百科对
解释，简单地向我们阐述了什么是HTML和CSS，但是如果你从来没有接触过它们，那请继续往下看。来观察一下你在哪里见过HTML和CSS其实任何一个使用过电脑的人几乎都经历过 HTML 与 CSS，只是可能我们并不知道而已，看下面这些场景：胡总QQ收到新闻消息，说是XX艺人有OO绯闻，这正对胡总胃口，于是就点了一下那个消息窗口，这个时候就自动的弹出了IE浏览器（是的，胡总的电脑还是XP的默认配置），然后看到了一个网页 A 。刘哥喜欢财付通，还我钱的时候习惯性的点一下QQ上面的那个我的钱包，然后打开一个对话框 B 。刘哥又没钱了，我也没钱，然后他打开它的QQ邮箱 C 给胡总发了一封邮件 D ，里面用很红的大号字写着：借我十块钱吃早饭。看看上面的 A,B,C,D 四种情况，其实都和 HTML+CSS有关，怎么知道它有关？很简单，A会打开一个网页，其实B也是一个网页，只不过不是IE打开的而已，C一般也都是进邮箱的网页界面，而D，看那个情景的最后面说的： 很红的大号字 ，这也可以知道 HTML+CSS与这肯定有关，虽然你可能还没有发现，但是很简单，在上面的任何一种情景下点击鼠标后键，你肯定会看到一个 查看网页源代码 或者意思与之相近的选项，点击它，你就会看到类似下面这样的开头的文字：&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hans" version="XHTML+RDFa 1.0" dir="ltr"&
&head profile="http://www.w3.org/1999/xhtml/vocab"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
你现在所看到的就是HTML，它是一种超文本标记语言，它的文档类型为HTML或者相似的如 XHTML 等，我们可以打开任何一个网页（网页都是由 HTML构成的），将它另存为，如果不你作任何修改的话，那么你将会得到一个以 .html 结尾的文档， .html 是最常见的 HTML 文档后缀，同时使用的还有 .htm ，这是在 DOS 时代，系统最长只能接受三位的后缀，但是现在的你，应该使用 html 。那CSS又在哪里呢？你问对了，在上面的四个情景下，要说的话，最后那个 很红的大号字 应该算是最容易说明 CSS 相关性的了，你可以试试，如果你也使用QQ邮箱（其实一般的情况都是可以的），先输入“给我借十元钱吃早饭”这段文字，然后选择它，再点击上面的编辑工具条（这个和Word／WPS等编辑器是很相似的，只不过它是网页版的），点击 Tt 这个按钮，选择 最大 这个选项，这会把上面这段文字放得到大，然后点击那个有一个颜色下边框的大写的 A 的按钮，选择大红色，这个时候就成了：很大的大号字了。现在关键的地方来了，点击那个工具条的 &HTML& 按钮，可以查看到邮件的源代码，可以看到（饿……）原来不是CSS：&font size="6" color="#ff0000"&
给我借十元钱吃早饭
上面这个还是HTML，不过我们可以看到里面有 color="#ff0000" 这样的（本来还以为会使用标准的CSS呢），这个就表示，这个里面的文字的颜色为 #ff0000，而 #ff0000 是什么？这个以后会说，在这里就直接告诉你，它表示红色，虽然CSS没看着，不过没关系，把上面那三行删除掉，然后把下面这三行复制到删除的位置，再点一下编辑框的左上角的 返回编辑器 的按钮，你会发现，字还更大了一点，颜色也是红色：&div style="font-size: 3 color: #ff0000"&
给我借十元钱吃早饭
这是为什么呢？在这里， style="font-size: 3 color: #ff0000" 这一段就是CSS示例了，它的作用就是样式化HTML元素，在上面的示例中，它样式化了它所属于的那一个 DIV 元素（什么是HTML元素？后面慢慢地说，在这里 DIV就是一个元素），让它的文字大小为 3em （font-size: 3em），文字颜色为 红色 (color: #ff0000) 。到现在为止你应该明白一点了：HTML构成网页，而CSS样式化HTML元素，所以，CSS样式化网页，你现在也应该清楚的知道了，网页都是由HTML构成的，然后，再想想，CSS是必须的吗？简单的解释一个网页我们现在先使用一个纯文本编辑器（如果你使用的是Windows系统，那么就打开记事本软件）新建一个文件，另存为 demo.html ，然后将下面这一段代码复制进该文件，再保存：&!DOCTYPE html&
&html lang="zh-CN"&
&meta charset="utf-8" /&
&title&示例网页&/title&
&h1&示例网页&/h1&
&p&这只是一个很简单的示例网页而已，它来自 &a href="" title="Matrix Stack"&Matrix Stack&/a&。&/p&
保存之后，再双击该文件看看。发现没，双击它，并不会再打开记事本，而是打开了一个浏览器（你系统当前所设置的默认浏览器），浏览器里面有两行内容，一行是字体大一些的，内容为 "示例网页" ，而下面的那一行则是字体小一些的一句话，类似下面这样的效果这只是一个很简单的示例网页而已，它来自
。为什么我们会看到这样的内容，我们输入的那些如 &html& 或者 &h1& 这些内容都云哪里了呢？如果你发现他们不见了，那就像前面说的一样，在现在的这个网页里面点一下鼠标的右键，然后点击查看源代码，你会发现，源代码就是你输入的那一段字符。在上面的这个示例中，那些在网页里面看不到的内容都是属于 HTML 标签，或者称之为HTML元素，比如 &h1& ，它就是一个HTML标签，HTML有很多个不同的标签，不同的标签有着它存在的特殊意义，比如 &h1& 表示“一级标题”，或者 Heading 1 ，在HTML中，标题有六级，分别为 h1 至 h6 ，同样的在上面的示例中，那些 &p& ，*&body& 等等的也都是HTML标签。我们打开任何一个网址，其实就是浏览器在帮你向网络上的某一台服务器请求数据，而一般情况下，如果请求到的数据浏览器直接为你显示出来了，那么请求到的数据一般就是HTML文档（为什么说一般就是HTML文档，而不是说肯定就是HTML文档？），就是上面这个示例中这样的文字，如上面所说的，因为HTML标签都是有特殊的意义的，浏览器会把每一个标签按它所表示的 意义 展示 给浏览器使用者，这里说的展示，并不表现在直接把那些文字显示出来，比如，你可以做一个下面这样的示例，在上面的那个 demo.html 文件中的示例网页那一行下面，加上下面这一行：&h2&示例网页&/h2&
&h3&示例网页&/h3&
保存之后，再使用浏览器打开，你就会发现，同样的文字，因为使用的HTML标签不同，它的字体大小不同了，这种不同就是浏览器给这些标签作出的解释，当它遇到&h1& 之后，就知道了，这里面的内容是一个一级标题，我需要把这个文字加粗，并且以最大号儿的字体显示，但是 &h1; 这个是HTMl标签，这个文字就不需要显示。那么CSS在哪里呢？再来修改一下 demo.html 这个文件，把 &h1; 这一行改成下面这样的：&h1 style="color: #ff0000; "&示例网页&/h1&
再使用浏览器打开该文件，你会发现，示例网页这四个字现在变成了红色的了，在这里，你输入的 style="color: #ff0000; " 就是一行CSS代码，从前面关于那个QQ邮箱的示例中你应该已经知道了，这表示这个HTML元素里面的文字要以红色显示，看到没，CSS样式化了HTML元素，我们再来改一下这一行，改成下面这样的：&h1 style="color: #ff0000; font-size: 12"&示例网页&/h1&
使用浏览器打开该文件，看到什么效果了？是不是除了把这四个字改成红色之后，字体还变得很小了？稍稍深入理解一下HTML与CSS在上面的这个示例中，我们创建了一个一级标题，一个二级标题，一个三级标题，以及一个段落（ &p& 创建的 ），最开始一级标题很大，还是加粗的，颜色为黑色，后来我们改成了红色，最后连字体都改成了很小的，那么在我们做这些修改之前，为什么 h1 就比 h2 大呢？原因很简单，还记得前面说过的浏览器看到HTML标签之后，会根据它的意义展示出该标签的内容，浏览器对于 h1 标签，它把字体大小改大，再把文字加粗等等，其实就只是为 h1 指定了一个默认的CSS样式，虽然你没有明示，但是浏览器却知道，现在开始，你需要安装一个谷歌浏览器（如果不知道怎么安装，那你就别再继续往下看了，学学电脑基础知识要紧），然后使用谷歌浏览器打开 demo.html 这个文件（请先把该文件还原成为上面未修改过的那个版本，也就是最开始保存的那个版本，只有一个一级标题和一个段落），打开该文件之后，你也会看到和前面类似的网页，现在在 示例网页 四个大字上面点鼠标后键，再点击弹出菜单中的 审查元素 选项，这会在浏览器的最下方打开一个分为两栏的子窗口，后边的你应该一看就明白，那就是你的网页源代码，而右侧，有很多选项，点击第一项 Computed Style 这一项，你就会看到下面这样的内容：display:
font-size: 32
font-weight:
height: 38
width: 935
上面这段内容中的 width: 935px 可能不一样，为什么不一样？这一段代码就是CSS样式，但是我们并没有指定过任何样式，为什么会有？这是因为浏览器会为每一个HTML标签根据其意义添加默认的样式，而上面这一段CSS样式就是谷歌浏览器为 h1 标签添加的默认样式，这个时候你应该知道为什么在上面我们能把它的字体改成很小了吧？还记得吗？我们把 h1 的 font-size 设置为 12px 之后，字体就变小了，这是因为新的样式会把旧的样式覆盖掉，所以，在上面的示例中，12px 会覆盖掉32px，所以，字体会变小。HTML与CSS的版本HTML与CSS就像我们常常使用的软件一样，也是有它们自己的版本的（比如我们中国人用得最多的软件QQ就有什么2011版，2012版或者2013版等），对于HTML来说，不同的版本体现在它们有很一些特有的标签，或者同一个标签的意义不一样，而对于CSS来说，不同的版本可能有它们各自特有的属性，事物总是处于发展的过程中，而且一般都是向好的方向发展，HTML与CSS也一样，新的版本总是提供了很多的功能与特性以满足现代的需求，比如最开始网页不能播放视频，然后可以了，但是在网页里面加一个视频很麻烦，而现在，不但可以播放视频了，而且加入一个视频也变得很简单；以前我们如果想做一个美观的网页很麻烦，而现在，什么3D技术，动画等等都可以通过CSS很简单的实现，所以，对于版本而言，如果你是一个新手，我建议你直接进入到最新版本中来，而我绝大多数情况下，也都是只讲最新的版本，但是由于最新版本并不是任何一个浏览器都能很好的支持，所以，如果你将来以这些技术为职业，那可能还需要自己云研究其它版本，或者兼容方案，比如在HTML5中，有一个&nav& 标签，它表示导航，这在HTML5以前是不存在的，所以不支持HTML5的浏览器看到这个标签之后就不知道怎么办，那么我们要么改用其它替代标签，要么使用一些特殊的方法告诉老的浏览器应该怎么办。如何查看以及如何定义一个HTML文档的HTML版本比如下面这个示例：&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hans" version="XHTML+RDFa 1.0" dir="ltr"&
&head profile="http://www.w3.org/1999/xhtml/vocab"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
这个是某一个网站的HTML代码片段，中间省略了很多，该网页所使用的HTML版本可以从第一行查看到，即：&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
不过有一个好消息是你以后写任何一个HTML文档都不再需要在网页里面加入这么长的一串了，只需要像下面这样即可：&!DOCTYPE html&
最新的HTML5只要求你声明该文档的类型为HTML即可，不再需要指定HTML的确切版本，不用担心老浏览器不兼容，它们都会知道这是什么东西。一点小小的扩展在上面的所有这些示例中，我们都将CSS样式写在HTML标签里面，作为它们的一个属性，该属性名称为 style ，但是，这仅仅只是示例，在以后的文章中，有可能还会出现这种方式，但是请记住，这并不是说我们就应该这么写，而正好相反，我们不应该这么写，原因在于：HTML是用来定义文档结构的，我们不应该在文档结构中写入它的样式，而应该将它们分开，我们称之为结构与样式分离，从而达到内容与样式分离，简单的实现方法就是把CSS样式写进一个单独的以 .css 为后缀的文件中，然后在HTML文档中使用一个 link 标签将该CSS文档引入到HTML文档中来，这样我们如果想修改HTML中元素的样式就不需要修改HTML文档了，而仅仅只需要修改它的样式文件即可，这将在以后的文章中有更详细的介绍。
html5就是原本的你，而加上了css就像去了一趟韩国的你，连你的EX都认不出你了。而JQUERY则是你想让自己变得更好，于是就去学了女仆舞、肚皮舞、钢管舞、瑜伽、普拉提、插花、茶道、厨艺等等。
HTML5是HTML的第五次重大修改，感兴趣的同学可以看看我之前的回答：都说无图无真相，我们不妨结合一张非常形象的解构图来进行说明：你没有看错。此处引用的例子，正是人类历史上最伟大的发明之一——女士内衣，aka. Bra。对照此图，相信能帮助大家更快理解我的意思。假设我们现在用HTML、CSS3、jQuery设计一款Bra，那么在制作初期，我需要用HTML来设定我要做什么样的衣服，大衣，T恤，牛仔裤，或者Bra。如果我决定用HTML来设计一款Bra，那么，在我需要定义的内容有这款Bra包括：肩带、罩杯、钩扣等部件，这种基础信息。接下来，我还需要加入更为细节的内容，我利用CSS进行定义Bra的颜色和款式等信息，如：挂脖式、全杯、半杯等等款式，或者蕾丝，无痕肉色等细节。我们知道在制作静态网页时，使用HTML和CSS已经能够为用户呈现出绚丽的效果，但如果网页需要和用户有互动就会需要用到脚本语言，例如js，如果我们追求更好的用户体验，我们希望网页在不刷新页面的情况下就与服务器端进行交互，那么我们需要一个支持Ajax的js库，目前使用比较多的是jQuery。再回到Bra的话题上，如果我们需要一款Super Bra，希望女性朋友在使用它的时候，无需更换数个Bra，仅仅靠触动Bra上某个按钮后立刻具有聚拢效果或者提升效果，那就是我们这款使用HTML、CSS3、jQuery设计的Bra需要用到jQuery完成的部分。总结一下，HTML、CSS、jQuery三者中，最基础的是HTML，CSS和jQuery，三者都是作用于HTML上的技术，CSS擅长处理web应用种的页面布局，或者说让页面更加好看，jQuery擅长处理交互，或者说让web应用更加易用、人性化。希望我这样讲你能够明白。
打开一个网页，把css禁了就一目了然了。
庸俗的比喻：HTML是身体CSS是衣服身体没有衣服就是裸奔
把网页比作房子，html就是房子的水泥架构，css就是装潢，jquery就是电器等动态的东西
HTML：钢筋混凝土CSS：外墙玻璃、瓷砖、宣传画JS：电梯、空调
html是女人,jquery是女人的修养,css是化妆品 :)
html是网页基本元素，jquery就是对js的封装 本质是一个东西，用来操空元素的各种动态的行为，css是设置元素样式
你可以按浏览器的工作原理来理解。首先浏览器把html解释成有层次关系的Dom对象，然后把css解释成Dom对象的属性值。JavaScript是一个可以操作任何Dom对象(包括设置对象的属性值)的脚本语言。jQuery是基于JavaScript的一个方法库。
html 是战士css 是盾jquery 是剑
html就是房子，css就是装修材料，jq就是装修工具
肌肉内脏、皮肤和骨架的关系
问题应该是javascript、css、html的关系？一个是行为、表现、结构，也就是头脑、皮肤、骨骼。
jQuery类似英文句子结构中的缩略语法，短小精悍，将CSS3效果更好地体现在HTML5CSS3 类似英文形容词、副词，赋予HTML5美观的外形HTML5 类似英文陈述句，是一种语言的书面记录形式
倘若说一个网页是一个女人 HTML 是她的躯体 JS( and Jquery)是动作表情 CSS 则是她的灵魂... 面容是身体的灵魂 嗯...
已有帐号？
无法登录？
社交帐号登录