[TOC=2] >[success] ## **内嵌式写法** #### **用法** ~~~ <head> <style type=”text/css”> 样式表写法 </style> </head> ~~~ #### **特点** ``` 内嵌式写法,样式只作用于当前文件,没有真正实现结构表现分离 ``` <br> >[success] ## **外链式写法** #### **用法** ~~~ 写在head里,<link rel=”stylesheet” href=”1.css”> ~~~ #### **特点** ``` 作用范围是当前站点,谁调用谁生效,范围广,真正实现结构表现分离。 ``` ![](https://box.kancloud.cn/1f3b41a74c253d8dda862e1f113c89e0_535x63.png) <br> >[success] ## **行内样式表** #### **用法** ![](https://box.kancloud.cn/ace7464b70746f2a958b4ca8a7ffda71_717x81.png) #### **特点** `行内样式表,作用范围仅限于当前标签,范围小,结构表现混在一起。 (不推荐使用)`