黑马程序员技术交流社区

标题: 【西安校区】CSS的三种引入方式 [打印本页]

---

作者: 逆风TO    时间: 2019-4-23 11:05
标题: 【西安校区】CSS的三种引入方式


CSS：（Cascading style Sheets)：层叠样式表，美化网页

CSS引入方式有3种：

行内方式
1 在每一个html标签中都有style属性：里面有书写样式。
弊端：
样式代码和标签代码混合到一起，不利于维护。
每次只能修饰一个标签中样式
<div style="background-color: #ccc; font-size: 24px;">div行内样式</div>

内部方式：
在head标签体中，去指定style标签
弊端：
样式代码和标签代码混合到一起，不利于维护。
       <style type="text/css">
                       标签选择器/类选择器/id选择器{
                       font-size:24px;
                       xxx:xxx
               }
       </style>


外部方式（开发总，使用这种）
引入外部css文件（xx.css)
rel属性：关联层叠样式表
在head标签中

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2