黑马程序员技术交流社区

标题: CSS的引入方式 [打印本页]

作者: 水煮牛蛙 时间: 2018-5-3 16:37
标题: CSS的引入方式
本帖最后由小石姐姐于 2018-5-4 09:43 编辑

CSS的引入方式

1.CSS 指层叠样式表 (Cascading Style Sheets)
            样式定义如何显示 HTML 元素
            样式通常存储在样式表中
            把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
            外部样式表可以极大提高工作效率
            外部样式表通常存储在 CSS 文件中
            多个样式定义可层叠为一
               HTML相当于网站的骨架！CSS对骨架进行美化！

2.CSS的引入的方式
               * 行内样式：直接在HTML的元素上使用style属性设置CSS.
                     <h1 style="color:red;font-size:200px ;">标题</h1>

               * 页面内样式：在HTML的<head>标签中使用<style>标签设置CSS.用在头标签中
                              <head>
                                                <style>
                                             h1{
                                                      color:blue;
                                                      font-size: 40px;
                                             }
                                    </style>
                              </head>

            * 外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.
                              <link href="../../css/demo1.css" rel="stylesheet" type="text/css" />
                              Rel=”stylesheet” : 意思是指定了引入的css文件就是一个样式表,可写可不写

                              <head>
                                       <link href="../../css/demo1.css" rel="stylesheet" type="text/css" />
                              </head>

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

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