创建网页的时候我们要将所有的css放在（html中的布局有多种方法，其中最常用的是div加css进行页面布局，这种布局的优缺点是什么）

本文目录

• html中的布局有多种方法，其中最常用的是div加css进行页面布局，这种布局的优缺点是什么
• 急!急!急!用DIV+css 编写网页 是每个页面一个css 还是许多页面共用一个css呀
• css要怎样加到html页面里面
• 将样式表（css）加到你的网页中的几种方法
• css的位置问题
• 请问在html代码里，css和script都要放在body标签里面吗
• CSS是应该放到head还是body怎样选择

html中的布局有多种方法，其中最常用的是div加css进行页面布局，这种布局的优缺点是什么

　　优点：
　　第一、利于搜索引擎蜘蛛爬行
　　根据总结和经验，div+css布局有利于蜘蛛的爬行，拿html的table布局和div+css布局的网页来做对比，很显然table的字节大于div+css的，字节小就有益于搜索引擎蜘蛛下载页面所用的时间，而且也有益于蜘蛛爬行到网站深处。
　　第二、易于修改
　　在一般情况下，div+css布局的网站，都是将html页面和css文件分开的，div+css的特点就是能将网页的内容和表现形式分离，所以，假如你要修改网站整站布局的话，一般只需要修改css文件里的的个别属性即可，而这种特点是table不具备的。
　　第三、减少网页加载时间
　　前面就提到过，div+css是将css文件和html文件分开的，当用户点击网站时，是在同时下载css文件和html文件，所以可以提高打开网页的速度。
　　缺点：
　　第一、开发技术高
　　众所周知，div+css要兼容各种浏览器，这样增加了div+css开发的难度。
　　第二、开发时间长
　　div+css布局相对于table布局来说，div+css的耗费时间要比table布局的时间长很多，另外考虑到浏览器兼容的问题，各种浏览器间的测试也是一个费时的事情。
　　第三、开发成本高
　　就上两点所说，高技术和长时间决定了他的成本。

急!急!急!用DIV+css 编写网页 是每个页面一个css 还是许多页面共用一个css呀

是部分公用才对。比如所有页面的头部脚部一般是一样的，就放在一个公用css里如public.css，每个页面都要链接这个css。不一样的部分单独写一个，如主页就做一个index.,css，列表页就写一个list.css，所有列表页就可以链接这个css表，内容页也可以写一个content.css。按照以上做法，每个页都链接了两个css。其实一般还有一个重置标签的css要单独放一个reset.css，这个css你以后做其他网站就可以再用了。

css要怎样加到html页面里面

首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=双引号中才可以，如：pstyle=color：red这里文字是红色。/p。
html5使用link标签引入外围的css样式表。
新建一个html文件，命名为test.html，用于讲解html中如何导入css。请点击输入图片描述2在test.html文件内，使用div创建一个模块，下面将对该div进行css样式的定义。
嵌入方式指的是在HTML头部中的style标签下书写CSS代码。示例：headstyle.content{background：red；}/style/head嵌入方式的CSS只对当前的网页有效。
CSS通过内联、外联等样式嵌入到HTML中。

将样式表（css）加到你的网页中的几种方法

(1)、将样式表置入 HTML 文件头部:
《!--
H1 {color: green; font-family: impact}
P {background: yellow; font-family: courier}
--》
(2)、将一个外部样式表定义文件链接到 HTML 文件上:
文件 mystyles.css 的内容如下:
H1 {color:green; font-family:impact}
P {background:yellow; font-family:courier}
(3)、将一个外部样式表定义文件输入到 HTML 文件中:
《!--
@import url(company.css);
H1 { color: orange; font-family: impact}
--》
其中 company.css 文件内容如下：
H1{color:green; font-family:times}
P{background:yellow; font-family:courier}
(4)、将样式表加入到 HTML 文件行中:
如：
(注意：如果一个网页中同时使用了以上 4 种方法，那么
它们的优先级从高到低是 4-3-2-1。)

css的位置问题

学习CSS之前，首先应学会写HTML。如果你对HTML还一无所知（像我一样。。。），请参见HTML教程。
CSS(Cascading Style Sheets)简介
当初一帮技术人员想出HTML，主要侧重于定义内容，比如《p》表示一个段落，《h1》表示标题，而并没有过多设计HTML的排版和界面效果。
随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。
CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。
CSS的英文是Cascading Style Sheets，中文可以翻译成串联式样式表。
CSS按其位置可以分成三种：
内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内嵌样式(Inline Style)
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。
CODE:《P style="font-size:20pt; color:red"》这个Style定义《p》《/p》里面的文字是20pt字体，字体颜色是红色。《/p》
显示示例
内部样式表(Internal Style Sheet)
内部样式表是写在HTML的《head》《/head》里面的。内部样式表只对所在的网页有效。
CODE:《HTML》
《HEAD》
《STYLE type="text/css"》
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
《/STYLE》
《/HEAD》
《BODY》
《H1 class="mylayout"》 这个标题使用了Style。《/H1》
《H1》这个标题没有使用Style。《/H1》
《/BODY》
《/HTML》
显示示例
内部样式表(Internal Sytle Sheet)要用到Style这个Tag，写法如下：
CODE:《STYLE type="text/css"》
......
《/STYLE》
外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles)，用什么方法呢？
将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
比如可以用文本器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：
CODE:H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一个网页，代码如下：
CODE:《HTML》
《HEAD》
《link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css"》
《/HEAD》
《BODY》
《H1 class="mylayout"》 这个标题使用了Style。《/H1》
《H1》这个标题没有使用Style。《/H1》
《/BODY》
《/HTML》
显示示例
使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：
样式代码可以复用。一个外部CSS文件，可以被很多网页共用。
便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。
串联(Cascading)
CSS第一个字母，是Cascading，意为串联。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。
Cascading的顺序是：
浏览器缺省(browser default)(优先级最低)
外部样式表(Extenal Style Sheet)
内部样式表(Internal Style Sheet)
内嵌样式表(Inline Style)(优先级最高)
样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。假设内嵌(Inline)样式中有font-size:30pt, 而内部(Internal)样式中有font-size:12pt，那么内嵌(Inline)式样式就会覆盖内部(Internal)样式。
显示示例
-
基本语法
一个样式(Style)的语法由三部分构成：Selector(中文叫选择器有点怪怪的，就用英文吧)，属性(Property)，属性值(Value)。
CODE:selector {property: value}
举个例子，下面的代码p就是selector，color就是属性，blue就是属性值。
CODE:p {color:blue}
HTML中所有的Tag都可以作为selector。
注：如果你想为Style加多个属性，在两个属性之间要用分号加以分隔。下面的Style就包含2个属性，一个是对齐方式居中，一个字体颜色为红，当中用分号分隔开。
CODE:p {text-align:center;color:red}
为了提高Style代码的可读性，你也可以分行写：
CODE:p
{
text-align: center;
color: black;
font-family: arial
}
组合(Grouping)
你也可以将相同的属性和属性值赋予多个Selector。Selector之间用逗号分隔。
CODE:h1,h3,h3,h4,h5,h6
{
color: red
}
上面的例子是将所有正文标题(《h1》到《h6》)的字体颜色都变成红色。
Class Selector
利用Class Selector，你可以用同样的HTML Tag构成不同的样式。比如说，你希望段落《p》有两种样式，一种是居中对齐，一种是居右对齐。你就可以写如下样式：
CODE:p.right {text-align:right}
p.center {text-align:center}
其中right和center就是两个class。然后你就可以引用这两个class，示例代码如下：
CODE:《p class="center"》这一段居中显示。《/p》
《p class="right"》这一段是居右显示。《/p》
演示示例演示示例
你也可以不用HTML Tag，直接用.加上Class名称作为一个Selector。示例代码如下：
CODE:.center {text-align: center}
这种通用的Class Selector就没有Tag的局限性，可以用于不同的Tag。比如：
CODE:《h1 class = "center"》这个标题居中显示。《/h1》
《p class = "center"》这个段落居中显示。《/p》
演示示例演示示例
Contextual Selector
你可以为嵌入其它Tag的Tag定义样式，示例代码如下：
CODE:p em{color: red}
Em这个Tag嵌套在P里面。p em就叫做Contextual Selector，定义嵌套于P里的Em的样式。这个例子表示，在P里面的用Em这个Tag标记的字体颜色是红色。
演示示例演示示例
CSS注释
为了方便你自己或者他人日后更好地理解你的CSS代码，你可以写CSS代码注释。CSS代码注释以/*开头，以*/结束。
CODE:/* 段落样式 */
p
{
text-align: center;
/* 居中显示 */
color: black;
font-family: arial
}
CSS字体属性
***隐藏网址***
CSS常用文本属性
***隐藏网址***
CSS背景属性
***隐藏网址***
CSS边框属性
***隐藏网址***
CSS边距属性
***隐藏网址***
CSS间隙属性
***隐藏网址***
CSS盒子模式(Box Model)
***隐藏网址***
CSS列表样式属性
***隐藏网址***
CSS伪类(pseudo-class)
***隐藏网址***
CSS代码示例
***隐藏网址***
推荐 布啦布啦 - 网页教程与代码的中文站点
上面的东西都是理论，看是看不会的， 必须动手操作实践。
下面是百度给出的空间页面CSS说明
空间页面CSS说明
body 整个空间页面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
.stage 内容区域（TAB菜单与版权信息之间的区域）{background:#F3F1F1}
其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}
--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}
--------------------------------------------------------------------------------
模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}
--------------------------------------------------------------------------------
文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区（如、评论等）{color:#666666;font-size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}
--------------------------------------------------------------------------------
相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接（如、删除）{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}
--------------------------------------------------------------------------------
基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
网友评论
#in_comment 主体{width:710px}
#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}
#in_comment div.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

请问在html代码里，css和script都要放在body标签里面吗

唉，你问这话就代表你基本知识还得再看一看啊。
CSS分行内样式、内嵌样式、外部式。
行内样式是写在body标签里的。
比如：
《body》
《div style="width:1000px; margin:0 auto;"》《/div》
《/body》
内嵌样式和外部式其实放哪里都能生效，但是为了整齐和以后方面修改我们通常都放head标签里。
比如：
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《link href="css/reset.css" rel="stylesheet" type="text/css" /》
《link href="css/index.css" rel="stylesheet" type="text/css" /》
这上面是外部式
《style》
.container{width:1000px; margin:0 auto;}
《/style》
这是内嵌样式
《title》无标题文档《/title》
《/head》
《body》
《/body》
《/html》
-------------------------------------------------------------------------
JS同理，不拘束放在哪里，但是能放head里尽量放。但是JS有个加载顺序，越上面的越先加载。
所以如果你用的是一个jquery特效，你就得先把jquery放上面，代码放下面。
比如：
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《meta name="description" content="标题"》
《meta name="Keywords" content="标题"》
《link href="css/reset.css" rel="stylesheet" type="text/css" /》
《link href="css/index.css" rel="stylesheet" type="text/css" /》
《link href="css/tipso.min.css" rel="stylesheet" type="text/css" /》
《script type="text/javascript" src="js/jquery-1.9.1.min.js" 》《/script》
《script type="text/javascript" src="js/index.js" 》《/script》
《script type="text/javascript" src="js/tipso.min.js" 》《/script》
《script type="text/javascript"》
$(function(){
//菜单隐藏展开
var tabs_i=0
$(’.vtitle’).click(function(){
var _self = $(this);
var j = $(’.vtitle’).index(_self);
if( tabs_i == j ) return false; tabs_i = j;
$(’.vtitle em’).each(function(e){
if(e==tabs_i){
$(’em’,_self).removeClass(’v01’).addClass(’v02’);
}else{
$(this).removeClass(’v02’).addClass(’v01’);
}
});
$(’.vcon’).slideUp().eq(tabs_i).slideDown();
});
})
$(function() {
// 2
$(’.wenhao’).tipso({
useTitle: false,
position: ’left’,
background: ’#ff6666’
});
});
《/script》
《title》标题《/title》
《body》
《/body》
《/html》

CSS是应该放到head还是body怎样选择

　　CSS可以写在head和body中的。
　　写在head中可以给整个body使用，而写在body中可能只能给某一个DIV使用，具体是要看怎么使用。本质上是没有什么差的，从整洁度上当然是head上更好了。
　　当讨论到Web标准时，一些事情总是被提及，那就是结构和表现分离的重要性。结构和表现分离可以给我们带来很多好处，比如样式复用、统一标准等等。而结构与标签分离的第一件是就是需要把所有设置元素样式的语句单独提取到一个css文件。
所以更推荐将样式表单独写一个文件，在head出调用来控制整个页面的表现。