css3课后记录样式引入（学习自用）

2021-12-07 09:02:13 阅读：152 来源： 互联网

标签：css3 style 样式 h1 color 自用样式表课后 CSS

css基本语法结构

选择器 { 声明1;
声明2;
…… }

例子

h1 {
	font-size:12px;
	color:#F00;
}

HTML中引入CSS样式

行内样式

使用style属性引入CSS样式

<h1 style="color:red;">style属性的应用</h1>
<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式</p>

内部样式表

CSS代码写在<head>的<style>标签中

<style type="text/css">
        h1{color: green; }
</style>

外部样式表

常用：

链接外部样式表

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

css样式优先级

行内样式>内部样式表>外部样式表
就近原则

标签：css3,style,样式,h1,color,自用,样式表,课后,CSS
来源： https://blog.csdn.net/m0_59700265/article/details/121760756

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

css3课后记录 样式引入（学习自用）