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

最新推荐文章于 2024-07-12 09:01:15 发布

hidetobj

最新推荐文章于 2024-07-12 09:01:15 发布

阅读量94

点赞数

分类专栏： CSS 文章标签： CSS 搜索引擎浏览器 Google HTML

CSS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

一、CSS的四种使用方式

1，行内式
[code]
<p style="color:#FF0000; font-size:20px; text-decoration:underline;">Content</p>
[/code]

2，链接式
[code]
<head>
<link href="1.css" type="text/css" rel="stylesheet">
</head>
[/code]

3，内嵌式
[code]
<head>
<style type="text/css">

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

4，导入式
[code]
<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>
[/code]

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

二、CSS注释
[code]
/* */
[/code]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hidetobj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
精通CSS+DIV:1，CSS初体验

本人忘性大，每读一书必做笔记，便于日后查阅。《精通CSS+DIV》做CSS入门，不错。一、CSS的四种使用方式1，行内式[code]Content[/code]2，链接式[code] [/code]3，内嵌式[code][/code]其中这里使用HTML注释来针对老式的不支持CSS的浏览器兼容，以...
复制链接

扫一扫