精通CSS+DIV:1，CSS初体验

hideto

浏览: 2682338 次
性别:
来自: 北京

最近访客更多访客>>

_Mark24_

lzyfn123

leeyisoft

linziyuu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

CSS 搜索引擎浏览器 Google HTML

本人忘性大，每读一书必做笔记，便于日后查阅。
《精通CSS+DIV》做CSS入门，不错。

一、CSS的四种使用方式

1，行内式

<p style="color:#FF0000; font-size:20px; text-decoration:underline;">Content</p>

2，链接式

<head>
  <link href="1.css" type="text/css" rel="stylesheet">
</head>

3，内嵌式

<head>
<style type="text/css">
<!--
p{
  color:#FF00FF;
  text-decoration:underline;
  font-weight:bold;
  font-size:25px;
}
-->
</style>
</head>

其中这里使用HTML注释来针对老式的不支持CSS的浏览器兼容，以免将CSS样式直接打印到HTML页面中

4，导入式

<head>
<style type="text/css">
  @import url(1.css);
  @import url('1.css');
  @import url("1.css");
  @import 1.css;
  @import '1.css';
  @import "1.css";
</style>
</head>

这四种CSS使用方式在页面显示的优先顺序是1，行内式 > 2，链接式 > 3，内嵌式 > 4，导入式

二、CSS注释

/* */

分享到：

T61安装ubuntu 7.10 gutsy成功 | Rails宝典七十一式：用RSpec测试你的Rail ...

2007-09-18 12:41
浏览 3225
评论(8)
查看更多

8 楼 blackanger 2007-09-21

比较搞清楚了css和seo的关系：
css代码其实并不干扰搜索引擎分析页面内容，搜索引擎可以方便的绕开css直接抓取div的内容，这也是div+css比用table好的原因之一。但是在设计的时候考虑seo，css应该与页面代码分离，用链接的方式。这样做也是为了方便日后的seo工作。具体内嵌式和链接式的加载速度差不了多少，可以采用css缩写的方法或者用一些css优化器来提高网站的加载速度。

7 楼 blackanger 2007-09-21

hax推荐的内嵌式，是从加载的速度上去考虑的。其实我也不大清楚搜索引擎会不会直接跳过CSS来抓取内容，不知道这个影响有多大。如果有人了解可以说一下这方面的东西。

6 楼 blackanger 2007-09-21

External CSS：这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格；提纲挈领，更改一次，轻松更新所有相关页面；让你的页面体积更小，浏览速度更快。网站设计的时候考虑seo的因素，有比较重要的一点，就是CSS与页面相分离。最佳的做法是将css部分封装在一个外部的.css文件中，在页面中以<link rel="stylesheet" type="text/css" href="/xxxx/style.css">的方式调取。

5 楼 blackanger 2007-09-21

www.google.com
key :css seo
有嘛关系你自己去看

4 楼 blackanger 2007-09-21

外链CSS，给网页减肥，有利于SEO
不对吗？

3 楼 blackanger 2007-09-21

我是说外接的CSS有助于SEO
楼上的明白吗？

2 楼 hax 2007-09-19

stylesheet与seo有嘛关系？

我推荐大家使用后两种方式（即使用style标签）。

1 楼 blackanger 2007-09-19

还是链接式好，有助于seo

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论