css3课后记录 样式引入(学习自用)

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样式优先级

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

上一篇:服务熔断降级与Hystrix


下一篇:CSS的属性-边框属性