2020Web前端知识点总结-CSS篇（一）

最新推荐文章于 2024-04-18 06:45:00 发布

VIP文章南南NaN

最新推荐文章于 2024-04-18 06:45:00 发布

阅读量732

点赞数 2

分类专栏： 2020WEB前端知识点总结文章标签： html5 html css css3

本文链接：https://blog.csdn.net/weixin_46473109/article/details/104758395

版权

任何 css 属性必须写在HTML的<style>标签内
- <style>标签一般写在文章头部的<head>标签中称为内部样式
- 或者通过link标签引入外部样式
- 再或者是元素行内添加style属性引入行内样式

在这里插入图片描述

在<head>中通过使用外部样式和内部样式添加css时必须通过css选择器来找到对应的HTML元素在选择器下设置样式，语法如下：
在这里插入图片描述

注意
`外部样式`就是相当于把`内部样式`的`<style></style>`代码块拿出开放到外部的`.css`文件中再通过`<link>` 标签引入

内联样式则直接在元素开始标签内添加style属性代码块即可，语法如下：在这里插入图片描述

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

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

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

<p style="color:sienna

关注