如何把做好的CSS文档与HTML结合起来运用

时间 2021-01-29

标签 css html ide htm 文档 class 表单方法样式栏目 CSS 繁體版

原文原文链接

第一种方法：是把CSS文档放到<head>文档中：
　　<style type=“text/css”> …… </style>
　　其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。
　　第二种方法是：把CSS样式表写在HTML的行内，好比下面的代码：
　　<p style=“font-size：14pt；color：blue”>蓝色14号文字</p>
　　这是采用<Style=“ ”>的格式把样式写在html中的任意行内，这样比较方便灵活。css

第三种方法是：把您编辑好的CSS文档保存成“.CSS”文件，而后在<head>中定义。定义的格式是这样的：
　　<head> <link rel=stylesheet href=“style.css”> …… </head>
　　咱们看到这里应用了一个<Link>，“rel=stylesheet”指链接的元素是一个样式表（stylesheet）文档。通常这里是不须要您改动的。
　　然后面的“href=‘style.css’”指的是须要链接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就能够了。这种方法很是适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减小了大量的冗余代码。 html