2007-09-18

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

本人忘性大，每读一书必做笔记，便于日后查阅。
《精通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注释 
/* */
评论
blackanger 2007-09-21   回复
比较搞清楚了css和seo的关系：
css代码其实并不干扰搜索引擎分析页面内容，搜索引擎可以方便的绕开css直接抓取div的内容，这也是div+css比用table好的原因之一。但是在设计的时候考虑seo，css应该与页面代码分离，用链接的方式。这样做也是为了方便日后的seo工作。具体内嵌式和链接式的加载速度差不了多少，可以采用css缩写的方法或者用一些css优化器来提高网站的加载速度。
blackanger 2007-09-21   回复
hax推荐的内嵌式，是从加载的速度上去考虑的。其实我也不大清楚搜索引擎会不会直接跳过CSS来抓取内容，不知道这个影响有多大。如果有人了解可以说一下这方面的东西。
blackanger 2007-09-21   回复
External CSS：这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格；提纲挈领，更改一次，轻松更新所有相关页面；让你的页面体积更小，浏览速度更快。网站设计的时候考虑seo的因素，有比较重要的一点，就是CSS与页面相分离。最佳的做法是将css部分封装在一个外部的.css文件中，在页面中以<link rel="stylesheet" type="text/css" href="/xxxx/style.css">的方式调取。
blackanger 2007-09-21   回复
www.google.com
key :css seo
有嘛关系你自己去看
blackanger 2007-09-21   回复
外链CSS，给网页减肥，有利于SEO
不对吗？
blackanger 2007-09-21   回复
我是说外接的CSS有助于SEO
楼上的明白吗？
hax 2007-09-19   回复
stylesheet与seo有嘛关系？

我推荐大家使用后两种方式（即使用style标签）。
blackanger 2007-09-19   回复
还是链接式好，有助于seo
发表评论

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

hideto
搜索本博客
我的相册
A6bdc31c-c66e-468e-961e-9cc721e82adc-thumb
screenshot
共 1 张
存档
最新评论