AOA棋牌

专注搜索竞价代运营

成长之选 ,效果之道!

免费咨询热线:17636682598

css样式表的三种方式怎么嵌入到html

今天我们来聊聊css样式表的三种方式怎么嵌入到html,以下2个关于css样式表的三种方式怎么嵌入到html的观点希望能帮助到您找到想要的资讯。

css怎么嵌入到html

1、直接在html标签元素内嵌入css样式
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"
  5.         <title>AOA棋牌科技</title>&nbsp;
  6.     </head> 
  7.     <body> 
  8.         <div style="width: 200px;height: 200px; color:&nbsp;aqua;"></div> 
  9.     </body> 
  10. </html> 

2、在html头部head部分内style声明
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"
  5.     &nbsp;   <title>AOA棋牌科技</title> 
  6.   &nbsp;    &nbsp;<style> 
  7.             .num2{&nbsp;
  8.                 width: 200px;height: 200px; color: aqua; 
  9.             } 
  10.         <;/style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"
  14.      &nbsp;      第二种 
  15.    &nbsp;    </div> 
  16.     </body> 
  17. </html> 

3、使用link来调用外部的css文件
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>AOA棋牌科技</title> 
  6.         <link rel="stylesheet" href="tonggao.css" type="text/css" /> 
  7.     </head> 
  8.     <body> 
  9.         <div class="num2"> 
  10.       ;      第三种link引入,最常用 
  11.         </div> 
  12.     </body> 
  13. </html> 

css样式表的三种方式

css样式表有三种方式: 行内样式表 内部样式表 外部样式表

1.行内样式表

行内样式就是使用style属性直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。 例:<h2>行内样式表</h2>

2.内部样式表

内部样式表是把css样式写在标签中,并用style去声明

3.外部样式表

如果 CSS 样式被放置在网页文档外部的文件中,则称为外部样式表,一个 CSS 样式表文档就表示一个外部样式表。实际上,外部样式表也就是一个文本文件,扩展名为.css。当把CSS样式代码复制到一个文本文件中后,另存为.css文件,则它就是一个外部样式表。

本文分类:营销学院

浏览次数:34次浏览

发布日期:2022-07-03 11:20:36

本文链接:http://czxhbook.com/edu/2405.html

"
"