精通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注释
/* */

你可能感兴趣的:(html,搜索引擎,css,浏览器,Google)