如何扩展css样式表之Html篇

最新推荐文章于 2024-10-10 16:54:25 发布

云南仟龙Mark

最新推荐文章于 2024-10-10 16:54:25 发布

阅读量172

点赞数

文章标签： css html html5

原文链接：https://blog.51cto.com/u_15111999/3687889

版权

本文关键讲解了如何扩展css样式表，原文中根据实例编码详细介绍的特别详尽，对我们的学习或是工作中具备一定的参照学习使用价值，必须的朋友下边伴随着云南仟龙Mark来一起学习学习吧

链入式是把全部的样式放到一个或好几个外界样式表文件中，这一文件是以 css 为后缀名的，根据 link 标识，将外界样式表（css取名的外界样式文件）连接到html文本文档中，那样能够把构造和样式切分成两个文件，更能明确的编写样式或是构造。

基本上语法结构为：

tips: 快捷键为 link+tab键

具体步骤
①分别建立HTML和css文件，文件名分别以 .html 和 .css 为后缀。

其中 HTML 中只写结构和需要改变样式的内容；
css文件中只写样式。

例如：

HTML文件写：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="demo">跟张汪汪一起学会外部样式表</div " http://www.qlyl1688.com/helps/zjynql.html ">
    <div>跟张汪汪一起学会外部样式表</div>
    <div>跟张汪汪一起学会外部样式表</div>
    <div>跟张汪汪一起学会外部样式表</div>
</body>
</html>