怎样把html和css联系起来

最新推荐文章于 2024-05-19 01:30:07 发布

lemon1999123

最新推荐文章于 2024-05-19 01:30:07 发布

阅读量1w

点赞数 12

分类专栏： HTML/css

本文链接：https://blog.csdn.net/lemon1999123/article/details/82319027

版权

3 篇文章 0 订阅

订阅专栏

首先HTML是写的主要是页面的内容，大致理解可以是文字（链接也是文字）

而css主要是绘制样式，主要是你在显示一段文字时绘制的边框和背景啥的，

有外部样式表，

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在（文档的）头部：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。

rel的解释为

这是w3c的标准
rel: 属性用于定义连接的文件和HTML文档之间的关系
type: 是说明外链文档的的类型
href: 导入css文件的路径
备注:导入css文件前面两个属性不需要改就只需改 href 对应的CSS文件路径 <link>标签一般都放在头部的<head>标签里。

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，就像这样:

<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>

由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。

要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距：

<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>

关注

专栏目录