独立编辑好的CSS文档怎样加入到HTML文档中

2025-05-21 17:17:01

1、首先，把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中的任意行内，这样比较方便灵活。

2、其次，把编辑好的CSS文档保存成“.CSS”文竭惮蚕斗件，然后在<head>中定义。定义的格式是这样的；&造婷用痃lt;head> <link rel=stylesheet href=“style.css”> …… </head> ，我们看到这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要改动的。而后面的“href=‘style.css’”指的是需要连接的文件地址。只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。