前端学习（一、html中添加css样式的方法）

最新推荐文章于 2021-06-15 17:50:47 发布

KGQYumik~

最新推荐文章于 2021-06-15 17:50:47 发布

阅读量928

点赞数

分类专栏： css 文章标签： css html 入门基础

本文链接：https://blog.csdn.net/qq_44023101/article/details/102506457

版权

2 篇文章 0 订阅

订阅专栏

网页是构成网站的基本元素，承载各种网站应用的平台。
网页由html，css，js构成。

标签是组成网页的基本，分为单标签与双标签。

单标签，由一个标签组成的，如:<br>、<hr>、<img>、<input>、<param>、<meta>、<link>；
双标签 由“开始标签”和“结束标签”两部分构成，如:<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>；
标签的关系 ，嵌套关系（父级，子级），并列关系（同级）；

例：

定义编码字符集

<meta  content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" herf="..."/>

href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系

source（缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。

区别：请求资源类型不同

（1）href 指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的联系。

（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，比如 JavaScript 脚本，img 图片；

作用：

href 用于在当前文档和引用资源之间确立联系；

src 用于替换当前内容；

1. 内联样式（行内样式或内部样式）
写在元素开始标签里面

<span style="color:red;"></span>

2.外联样式（外部样式）

<style>
	p{color:red;}
</style>

3.外部样式

<link rel="stylesheet" href="css/style.css"/>

相对路径：是从当前路径开始的路径，假如当前路径为C:\study 要描述上述路径，只需输入.\index\style.css
在相对路径中 . 表示当前路径, …为父目录。

绝对路径：是从盘符开始的路径，形如
C:\study\index\style.css。

！important > 内部样式 > id样式 > class样式

**！important:**在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。

注：由于代码从上到下的执行顺序，在相同优先级下，后面的样式会覆盖掉前面的样式。

KGQYumik~

关注