A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 水煮牛蛙 中级黑马   /  2018-5-3 16:37  /  790 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 小石姐姐 于 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>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马