CSS学习笔记1-关联

CSS与HTML的关联

这次的笔记主要记录CSS最基础的关联知识，全部内容学习自《CSS权威指南》：

---

link

外部样式表：head元素内

<link rel="stylesheet" type="text/css" href="sheet1.css" media="all">

rel

关系

type

加载数据类型

href

样式表的url，绝对和相对均可

media

此样式表运用于那些表现媒体，最主要的三个如下：

值 描述 screen 计算机屏幕（默认）。 print 打印预览模式/打印页面。 all 适用于所有设备。

title

与stylesheet/alterbate stylesheet合用，可以实现切换样式的效果

Style元素

文档样式表

<style type="test/css"><!--@import url(xxx.css) all;--></style>

Style元素中可以引用外部样式表，但是必须放在开头，否则会被忽略

内联样式

<p style="color:red">red</p>

灵活性强，但不推荐使用