HTML引入CSS样式的三种方式概述

发布时间 2023-03-23 21:45:59作者: hangsingplus

1.内联定义方式:

  在标签内部使用style属性来设置元素的css样式

  语法格式:

1 <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;....." 2 </标签> 

2.样式块方式:

  在head标签中使用style块

  语法格式:

 1 <head>
 2     <style type="text/css">
 3           选择器{
 4              样式名 : 样式值;
 5              样式名 : 样式值;
 6           }
 7           选择器{
 8              样式名 : 样式值;
 9              样式名 : 样式值;
10           }
11 
12     </style>
13 
14 </head>        

3.链入外部样式表文件(最常用)

  将样式写到一个独立的xxx.css文件中,在需要的网页中直接引入css文件,样式也随之引入

优点:易维护

  语法格式:

 1 <link type="text/css" rel="stylesheet" href="css文件的路径“ />