WEB控制台说明书.doc

一、WEB控制台的登录
1、刷支持WEB控制台的DIY固件；
2、播放器进网络设置，设置网络连接并查看播放器的IP；
3、打开优朋普乐，看是否可以看到优朋普乐或者优酷视频的内容。（可以看到表示网络连接成功，继续以下步骤）
4、电脑网卡ip设置为播放器网卡相同局域网内。如播放器网卡ip为：192.168.1.101；那么电脑网卡ip设置为：192.168.1.16；
5、电脑IE地址栏输入播放器IP或者输入播放器IP:8081，如192.168.1.101或者192.168.1.101：8081(冒号为英文输入法状态下输入的，中文输入法状态下的冒号无效)。
二、WEB控制台的使用说明
A、电脑IE地址栏输入播放器IP 即：http://192.168.1.101

1）.主菜单点击 BitTorrent Download 进入BT种子添加页面:

BT种子选择框选择后，菜单栏介绍：
Start:BT任务开始
Stop: BT任务取消/断开
Torrent:提示“Only torrents will be deleted.Proceed?”确定是否删除此任务。
Torrent&Data:提示“Both teorrent and data will be deleted. Proceed?”确定是否删除任务与已下载数据。
Setting:BT下载设置
ADD new torrent:添加新任务

BT种子添加：
Step1:添加种子。把下载好的BT种子文件 按浏览添加到对话框中。
Step2:选择下载影片的存储位置。下来选择存储位置。
Step3:确定文件选择，开始下载。
2）.主页面点击Visit Neigbhor进入播放器外接存储设备的文件管理。

鼠标双击C字母，即硬盘名称。进入硬盘，可以用电脑对硬盘内的文件修改，删除，复制，粘贴，传输文件等管理工作。
B、电脑IE地址栏输入播放器IP：8081 即：http://192.168.1.101：8081
1、浏览硬盘或u盘的内容
1. 首先在播放器里设好ip地址，确认网络连通。
2. 在电脑上打开浏览器，最好是使用Firefox浏览器，不然会遇到一些兼容性问题。 输入地址 http://你的高清机ip:8081 就能看到如下界面：

3. 点击“电影，电视，视频” 是浏览所有视频文件，“音乐和CD”则是音频文件，“图片和截图”则是图像文件，“全部”就是显示所有文件。
4. 下面以点选“全部”为例，点击进去后要正确选择了“文件的位置”才能正常显示内容，如下图：

5. 接下来你就可以一层一层的目录点进去查看了，文件的话会显示出大小，创建时间，点击右边的“Download”按钮可以下载这个文件。

2、拷贝，移动，删除，重命名文件

1. 首先要进入内置硬盘或者usb设备的根目录，右上角才会出现“文件管理”的下拉菜单，如图：

2. 点击“新建文件夹”会弹出如下窗口，如果没有弹出，请检查你的浏览器是否设置为阻止任何弹出窗口，改为允许该网站弹出窗口即可。

    输入文件夹名字，点建立按键，就能在当前目录下新建一个目录了。

3. 点击“重命名”会弹出如下窗口：

    选择你要重命名的文件或文件夹，在下面输入新名字后，点击“重命名”按钮即可完成重命名。

4. 点击“复制/移动”会弹出如下窗口：

    选择好源文件和目标位置后，点中间的“复制”或者“移动”按键，则能完成操作。注意：大文件如几十个G的蓝光原盘等，最好不要通过这种方式复制或移动，这样对播放器负担太重，应改为ftp来操作。

5. 点击“删除”会弹出如下窗口：

    勾选你要删除的文件或文件夹，点“删除”按键即可完成操作。

3、添加播放列表

1. 点击右上角的“播放列表”图标，如下图：

2. 在弹出的添加播放列表窗口右上角可以切换不同的播放列表，如视频，音频，图片或者全部。

3. 选择对应的文件添加到播放列表中。播放列表是保存在播放器里的，所以下次开机不会丢失这次添加的内容。注意：由于不少播放器只能实现添加内置硬盘的内容到播放列表，所以现在web控制台也仅支持添加内置硬盘的文件！！

4. 回到播放器上，进入播放列表中看看，是不是刚才添加的内容已经出来了啊。

4、一键字幕下载

一键字幕下载也是本web控制台比较实用的功能，平时挂PT下好了影片，还得去找字幕。现在有了这个功能就方便对了，它会自动的去射手网搜索并根据影片的hash值匹配唯一的字幕，并改名为当前影片.srt放在同级目录下。

1. 进入“全部”界面，浏览影片文件，点击那个A图标即可。

下载失败的2个常见原因：
1. 射手网上还没有匹配的字幕文件，解决方法：过几天再试试。
2. 如果用的是外置移动硬盘，有可能是没有写入权限造成的。解决方法：重新插拔一次，或者插上后重启播放器。

5、远程启动播放

当家中有老人想看片，或者孙儿孙女的视频时，却不会操作高清机，而你又在外地，怎么办呢？现在通过本Web控制台的远程启动播放就能实现了。年迈的父母只需要坐在沙发上，不用动手，一切都由你来搞定。

1、首先进入浏览内容界面，“视频”或者“全部”都可以。
2、进入你想播放的目录，点击视频旁边的那个电视机符号，高清机重启一次后就会自动播放你刚才选择的文件了。

注意： 由于和厂商的合约，本功能暂不开放，需等待一段时间。

6、web遥控器（可以wifi手机当遥控器用）

遥控器坏掉了，或者一时找不到了，高清机没法控制了怎么办。别急，用Web遥控器，让你的wifi手机充当遥控器吧。

1、任意页面，点击左下角的“web遥控器”链接，就能弹出模拟的遥控器界面，如下图：

2、点击最上面的2个键可以切换布局，如下图为横版：

注意： 由于和厂商的合约，本功能暂不开放，需等待一段时间。

7、Web控制台的登录访问设置

出于安全考虑，可能我们需要设为登录后才能访问web控制台，可以通过下面这种方式实现：
1、进入首页后，点击左下角的“系统设置”链接，默认就是登录设定页面，如下图：

2、勾选“启用账号来登录系统”，然后输入账号和密码，点“应用“键。以后每次连接web控制台，就必须先通过这个登录页面了（英文页面，应该不影响使用），如下图：

注意： 忘记密码密码或者此功能没有生效，怎么办？
  方法一： 建立一个空的文本文件，取名为nopasswd.txt，放入u盘，插上机器重启后解锁。
  方法二： telnet进高清机，执行以下指令 cp /opt/tmp/setup.php /usr/local/etc/setup.php 执行了就解锁了。

8、系统状态信息

这个功能主要是让你看到播放起的状态信息，比如内存的使用状态，有没有挂载交换分区，硬盘、flashrom的使用情况，剩余空间等等。使用方法如下：
1、在任何页面点击左下的”系统设置“链接。
2、点击左上的”系统状态“链接。
3、点选你想查看的内容，如cpu，内存或者硬盘，如下图：

注意：有些用户反馈信息显示不正常，请使用firefox浏览器。

9、动态域名解析设置

动态域名解析是个很重要的功能，由于大多数用户用的是adsl，ip是随时变化的，所以需要一个固定的域名去绑定你家的ip地址，这样你才能方便地从外地连回家里的设备，而不需要每次都去查询ip。

所以动态域名解析首先要做2个准备工作，都跟高清机无关。
第一个：申请一个免费的动态域名，参见这篇帖子。
第二个：在你家的路由器上设置DMZ主机，参见这篇帖子，后面的dmz设置部分。

接下来就是在高清机上操作的部分了：

1、先到“系统设置”->“软件管理”页面安装ddns客户端，如下图所示：

2、可以设置成开机启动，便于使用。此时由于ddns的账号和密码都还没有输入，所以目前还无法运行起来。

3、点击左上角的”动态域名“链接，进入ddns的设置页面，如下图：

4、输入之前注册免费动态域名时得到的用户名，密码和域名，点”应用“按钮就保存了。

5、点击”启用“按钮，就生效了。以后无论你在任何地方，只要输入http://你的免费域名:8081 就能访问高清播放器了，方便多了吧。

注意：目前尚不支持3322的动态域名（要另外添加代码，懒得写了），请使用提供的免费动态域名，否则ddns无法启动。

10、FTP设置

Ftp的设置非常简单了，点击”ftp服务“进入设置页面，如下图：

页面上的提示已经很清楚了，这里就不赘述了。
注意：
1、Ftp默认端口是21，可能跟部分播放器自带的ftp冲突了，此时只需换个端口号即可，如2121等。
2、使用ftp客户端的时候，请把字符集设置成为uft-8，这样中文就不会显示为乱码了。
11、HTTP设置

http设置主要用来设置访问web控制台的端口，默认是8081，你可以根据需要改为其他端口，如下图说明：

注意：
1、有些地区电信封了80端口，造成无法远程使用web控制台，只能局域网使用，这就是为什么没有默认80端口的原因之一。
2、大多数播放器都默认带了http服务，默认端口就是80，为了避免冲突，所以web控制台默认了8081端口。

12、NFS客户端设置

首先简单普及下nfs知识。网络文件系统（Network File System，NFS ），是在 Unix/Linux 系统间实现磁盘文件共享的一种方法。

如果你家中有专业的nas设备，那么它一般都是自带了nfs server的功能，此时只需要在web控制台做好设置，你的高清机就能播放nas设备里面的影片了。
如果你想让高清机播放你windows机器上共享出来的影片，那么就需要在windows上安装nfs服务器端，具体操作，请参见这篇帖子。

NFS客户端设置方式如下图：

1、本地挂载点：随便填一个名字，以后再播放界面，随便进入usb或者硬盘，就都能看到这个目录了。
2、远程挂载点：输入你共享出来的机器的ip地址和目录，比如我 192.168.1.2 上面的d盘是nfs共享目录，这个地方就填写:192.168.1.2:/d
3、输入选项：一般不用修改，就用默认值。

点击“应用”按钮，就能看到这个共享路径被添加到上面的列表了，以后即使重启了播放器，开机也会自动去挂载这个共享的目录。

13、软件管理中心

软件管理中心是一个比较有特色的功能，在这里，你可以选择性安装你所需要的软件，卸载你不要的软件，并能在这里启动或者停止他们，甚至设置是否随开机启动。界面如下：

1、第一行的“ipkg source” 是指的服务器，我们一般称之为“源”，下面所列的软件，基本上都是从“源”上下载安装的。在这里你可以选择更换使用其他的“源”，只需要把其地址填这里点击“应用”即可。

2、软件的安装/卸载，启动/停止等点击对应按键即可，这里不再赘述。

3、点击左边的软件名，可以跳转到相应的管理控制页面。（前提是你安装了这个软件）。

注意：发现软件一直安装不上的，有以下几种可能
1、“源”挂了，解决方法，等几天“源”恢复了就可以了。或者换一个“源”
2、Flash rom写死了（跟flash的质量有关），确认方法，telnet上去，在根下面无法建立文件。解决方法：重新刷机。

13.1 通过transmission进行bt/pt下载
Transmission的使用方法和设置dmz主机的方法
Transmission，从windows远程管理方式有两种。鉴于播放器性能，为避免死机，使用TR同时下载不要超过2个，挂种不限。

方法1：
1、打开浏览器（最好使用firefox），直接输入http://播放器IP地址:9091 就可以用web界面管理了。
2、输入默认用户名密码root/toor登录。
如下图：

方法2、
1、下载transmission remote远程管理软件，从这里下载： ... tnet/downloads/list  ，选择  transmission-remote-dotnet-3.22.1-installer.exe 直接装在电脑上，可以选择中文界面。
2、进入菜单的本地设置——主机填播放器Ip，端口填9091 即可，验证点选，用户名root密码toor。
3、注意有用户没有装Netframe work包的，不能运行软件，因为这个是.net程序
请先安装3.5的包 ... dotNetFx35setup.exe
如下图：

在路由端，设置DMZ主机的方法：

由于家里可能是多台电脑共享一个ip上网，所以需要把高清机的端口暴露出来，我们在外地才能直接连接，挂bt/pt也才能满速。建议把高清播放器设置成为DMZ主机，这最简单，不用一个一个的搞端口映射了。
登录你的路由器管理页面，一般类似http://192.168.1.1什么的，找到DMZ设置（一般在NAT下面），填上高清机的IP，保存即可，如下图：

增强固件配套软件合集

各位在使用高清播发器时用到的一些软件：

1、putty  -----telnet工具
感谢ddddbb8提供地址：

  puttyfile_0.60cn2.zip   1.1 MB   下载：

SHA1 Checksum: c06bef0c822ac9990e01cfef363c0e89758e8fb4
Tip: Use the SHA1 checksum shown to verify file integrity.

原帖地址：

软件截图：

非常棒的使用教程：

另外论坛wj36000提供的增强固件配套软件合集：
原帖：
----------------------------------------------------------------------
这里列出下载链接，具体参考原始贴：
2、SecureCRT v6.5.8.380 汉化版 -----telnet工具
下载：
3、FlashFXP V3.8 Beta1(3.7.9 Build 1343) 烈火汉化绿色版----ftp工具
下载：
  网络上一时没有找到好的教程：
暂时贴个图片说明一下：：
登陆后界面：

4、A--Transmission Remote GUI ----BT\PT软件Transmission的图形界面控制端
   下载：
  软件截图及部分使用方法：

    B--transmission-remote-dotnet-----BT\PT软件Transmission的图形界面控制端
  下载：
    注意：需要安装Microsoft 。NET开发软件包。

5、sancho   电驴软件的图形界面控制端
  下载：

6、haneWIN NFS Server 1.1.69 汉化版----WIN系统的NFS服务器汉化版
  下载：http://www.hanzify.org/software/12761.html

关于NFS sever教程，简单说就是用xp架设一个NFS 服务器，把PC或笔记本上的电影资源共享出去，然后用播放器mount一个网络盘，就能像点播硬盘里的电影一样看PC上的资源。
这里是一个很好的教程，可以参考：

-------------------------------------------------------------------------------

7、UltraEdit-32 V16.10.0.1036 (文本编辑器) 汉化特别版-----强大的文本编辑器，可以编辑UNIX格式文件。
  很多脚本文件最好使用unix格式，与win系统有些区别。
  下载：
注册名：WwW.XiaZaiBa.CoM
注册码：HOOH6-FOVK3-FHQKI-RLNFV-IFDK3-IELMO-UUDDC-LBXNO

8、火狐 (FireFox) V3.6.8 优化版-----------浏览器，2.5web控制最好使用firefox网页浏览，不然有很多意想不到问题。
  下载：

telnet及putty软件的初级入门，欢迎新手共同学习

想充分发挥小强机R1的终极性能，必须学会对R1的linux操作，可惜我这种对linux一窍不通的就和看天书差不多，putty全部是英文更是不知道从何下手，通过这几天的摸索，逐渐开始入门了，为了让各位新手少走弯路，现在发出来和各位新手一起开始学习，共同进步。

1、点击这里下载putty.exe：
2、运行后的界面，在host name（ip address）输入你的播放机ip地址，再在下面选择Telnet，接下来就是点open啦

下载 (53.71 KB)
2010-2-11 12:55

连接以后的界面，记得输入 root 然后回车

下载 (5.08 KB)
2010-2-11 12:56

下载 (19.42 KB)
2010-2-11 12:56

接下来就是按照各位前辈的指示一步一步学习啦

2010-2-12 09:01

注意把如图所示的设置改为UTF-8，这样才能支持中文显示。

在Putty窗口里点鼠标右键就能发复制的内容粘贴过来了

PuTTY 有中文版.另外Telnet和SSh类软件 最好用的是 SecureCRT.可配置性比Putty好很多.Putty的优势在于简单小巧 ，另外这些软件都有复制功能.点右键即可.但是某些Linux命令在Win下输入的用复制命令进去会有问题（在Debian下遇到过).还是自己输入比较保险
Putty的中文版下载在
SecureCRT的中文版在
如果不想麻烦，Windows本身也带有Telnet软件，在菜单中附件文件夹中可以找到
另外 Putty的官方网站上可以找到手机版本的软件，用过WM版感觉还不错.但是它不会自动连接网络，要先自己连接到网络再打开Putty
http://www.chiark.greenend.org.uk/~sgtatham/putty/
附录资料：web前端面试题
1. W3C标准有哪些？
 W3C推行的主要规范有HTML，CSS，XML，XHTML和DOM（Document Object Model）。
2. 谈谈Js的内存泄露问题。
3. 谈谈对Html 5的了解。
4. 谈谈对CSS 3的了解。
5. 用js实现随即选取10--100之间的10个数字，存入一个数组，并排序。
var iArray = []; 
funtion getRandom(istart, iend){
        var iChoice = istart - iend +1;
        return Math.floor(Math.random() * iChoice + istart;
}
for(var i=0; i<10; i++){
        iArray.push(getRandom(10,100));
}
iArray.sort();
6. 把两个数组合并，并删除第二个元素。
var array1 = ['a','b','c'];
var bArray = ['d','e','f'];
var cArray = array1.concat(bArray);
cArray.splice(1,1);
7. Js面向对象的几种方式。
8. 请谈谈原型方式构造对象的特点。
9. 在Css中那个属性会影响dom读取文档流的顺序。
答： float属性。
10. 请介绍几种用div实现两列布局的方案（兼容），另外要考虑文档流的加载。
11. 谈谈css在浏览器中的兼容问题，详细谈谈IE6的一些bug,以及解决方案。
12. 谈谈你对闭包的理解。以及如何实现js方法的重写。

[HTML && CSS]
1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
首先我讲讲如何触发两种模式： 加入xml头部声明可以触发IE浏览器的Quirks mode，触发之后，浏览器解析方式就和IE5.5一样，拥有IE5.5一样的bug和其他问题，行为（Javascript）也是如此。 IE6的触发 在XHTML的DOCTYPE前加入XML声明 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IE7的触发 在XML声明和XHTML的DOCTYPE之间加入HTML注释 <?xml version="1.0" encoding="utf-8"?> <!-- ... and keep IE7 in quirks mode --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IE6和IE7都可以触发的 在HTML4.01的DOCTYPE文档头部加入HTML注释 <!-- quirks mode --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 其次是这样的意义 各个浏览器的混杂模式，基本就是各个浏览器的私有模式，不相互兼容。所以，除非是为了兼容的问题，比如你不想修改很久很久以前做的IE ONLY的网页，否则刻意触发混杂模式没有任何意义。

2：行内元素有哪些？块级元素有哪些？CSS的盒模型？
一.行内元素和块级元素有哪些？
块级元素

<address>
information on author
<blockquote>
long quotation
<button>
push button
<caption>
table caption
<dd>
definition description
<del>
deleted text
<div>
generic language/style container
<dl>
definition list
<dt>
definition term
<fieldset>
form control group
<form>
interactive form
<h1>
heading
<h2>
heading
<h3>
heading
<h4>
heading
<h5>
heading
<h6>
heading
<hr>
horizontal rule
<iframe>
inline subwindow
<ins>
inserted text
<legend>
fieldset legend
<li>
list item
<map>
client-side image map
<noframes>
alternate content container for non frame-based rendering
<noscript>
alternate content container for non script-based rendering
<object>
generic embedded object
<ol>
ordered list
<p>
paragraph
<pre>
preformatted text
<table>
table
<tbody>
table body
<td>
table data cell
<tfoot>
table footer
<th>
table header cell
<thead>
table header
<tr>
table row
<ul>
unordered list
 行内元素

<a>
anchor
<abbr>
abbreviated form
<acronym>
acronym
<b>
bold text style
<bdo>
I18N BiDi over-ride
<big>
large text style
<br>
forced line break
<button>
push button
<cite>
citation
<code>
computer code fragment
<del>
deleted text
<dfn>
instance definition
<em>
emphasis
<i>
italic text style
<iframe>
inline subwindow
<img>
Embedded image
<input>
form control
<ins>
inserted text
<kbd>
text to be entered by the user
<label>
form field label text
<map>
client-side image map
<object>
generic embedded object
<q>
short inline quotation
<samp>
sample program output, scripts, etc.
<select>
option selector
<small>
small text style
<span>
generic language/style container
<strong>
strong emphasis
<sub>
subscript
<sup>
superscript
<textarea>
multi-line text field
<tt>
teletype or monospaced text style
<var>
instance of a variable or program argument
 二.行内元素与块级元素有什么不同？
1.尺寸-块级元素和行内元素之间的一个重要的不同点 
行内元素和width
W3C CSS2 标准规定行内元素、非置换元素不会应用width属性。
以下例子中，对行内元素<a>应用了width:200px,你可以看到，根本就没有什么效果。

行内元素和height
W3C CSS2 标准规定行内元素、非置换元素不会应用height属性，但是盒子高度可以通过line-height来指定。
以下例子，对行内元素<a>应用了height:50px,你可以看到什么效果都没。

行内元素和padding
你可以给行内元素设置padding，但只有padding-left和padding-right生效。
以下例子，行内元素<a>应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没影响。

行内元素和marging
margin属性也是和padding属性一样，对行内元素左右有效，上下无效。
下面的例子,对<a>应用了margin:50px，你可以看到左右边缘是生效了但是内容上下却没有。

  记住对行内元素
设置宽度width   无效。
设置高度height  无效，可以通过line-height来设置。
设置margin 只有左右margin有效，上下无效。
设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，看图上效果就知道了
盒子模型
W3C 组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主 要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。对于初学者，经常会搞不清楚 margin，background-color，background- image，padding，content，border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。

每个HTML元素都可以看作一个装了东西的盒子，盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。

盒模型的实际宽度

关于盒模型，还有以下几点需要注意：
　　·对于块级元素（display:block），未浮动的垂直相邻元素的上边界和下边界会被压缩，例如：有上下2个元素，上元素的下边界为5px，下面元素的上边界为20px，则实际2个元素的间距为20px（2个边界值中较大的值）。如图所示。

注1. 块级元素（display： block）
每个块级元素都从一个新行开始，而且其后的元素也需另起一行开始，标题、段落、表格、层、body等都是块级元素。块级元素只能作为其他块级元素的子元素，而且需要一定的条件。
　　·内联元素，例如<a>、<span>等，定义上下边界不会影响到行高（line-height），内联元素距离上一行元素的距离由行高决定，而不是填充或边界。
注2. 内联元素（display：inline）
内联元素不需要在新行内显示，而且也不强迫其后的元素换行，如a、em、span等都为内联元素。内联元素可以为任何其他元素的子元素。
　　·浮动元素（无论左或者右浮动）边界不压缩，且若浮动元素不声明宽度，则其宽度趋向于0，即压缩到其内容能承受的最小宽度。
　　·如果盒中没有内容，则即使定义了宽度和高度都为100%，实际上只占0%，因此不会被显示，此点在采取层布局的时候需特别注意。
　　·边界值可为负，其显示效果各浏览器可能不相同。
　　·填充值不可为负。
　　·边框默认的样式（border-style）为不显示（none）。

3.CSS引入的方式有哪些? link和@import的区别是?
本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS的方式就是使用@import，我一边下载一边浏览梦之都网页时，就会出现上述问题）。
差别3：兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差别4：使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
大致就这几种差别了（如果还有什么差别，大家告诉我，我再补充上去），其它的都一样，从上面的分析来看，还是使用link标签比较好。
标准网页制作加载CSS文件时，还应该选定要加载的媒体（media），比如screen，print，或者全部all等。这个我到CSS高级教程中再给大家介绍。
注：
1，网友comehope在留言中提出了另一种区别。
差别5：@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表，如：
main.css
———————-
@import “sub1.css”;
@import “sub2.css”;
sub1.css
———————-
p {color:red;}
sub2.css
———————-
.myclass {color:blue}
这样更利于修改和扩展．
猴 子提示：这样做有一个缺点，会对网站服务器产生过多的HTTP请求，以前是一个文件，而现在却是两个或更多文件了，服务器的压力增大，浏览量大的网站还是 谨慎使用。有兴趣的可以观察一下像新浪等网站的首页或栏目首页代码，他们总会把css或js直接写在html里，而不用外部文件。

4.CSS选择符有哪些？哪