- ### 行内样式，写在html标签中 ``` css <div style="width:100px;height:100px;background:red;"></div> ``` &nbsp; - ### 内连样式，写在head头中title下面 ``` css <style type="text/css"> /*给id=div的添加样式*/ #div{ width:100px; height:100px; background:red; } </style> ``` &nbsp; - ### 外连样式，写在head头中 >[danger]一定要记得写rel。 rel属性定义当前文档与被链接文档之间的关系 ``` css <link rel="stylesheet" type="text/css" href="ccss.css"> ``` &nbsp; - ### 在.css文件中直接写样式 ~~~css #div{width:100px;height:100px;background:red;} //.css文件中直接写 ~~~