上几节我们把HTML相关的必要知识点给大家已经讲完，剩下的细节大家可以查阅资料再进行深入研究。从这一节开始，我们正式进入CSS的学习，在学习之前我们先介绍几个概念。
第一，什么是CSS？
第二，为什么需要CSS？
第三，怎么使用CSS？
首先，什么是CSS？CSS 是一种描述 HTML 文档样式的语言，CSS 描述应该如何显示 HTML 元素。CSS 官方名称为层叠样式表 (Cascading Style Sheets)。下面我们来看一个CSS的使用效果，下边的代码<style>标签内部就是CSS：
那么，为什么需要CSS，我们要知道HTML的功能更多的是用来展现数据，而HTML也有属性可以控制元素的样式，但是如果只使用HTML自带的属性样式，那几乎每一个标签都需要添加属性，修改起来会特别费劲，而且不能够重复的使用。还有就是HTML自带的属性样式没有CSS多样化和专业，我们使用CSS来约束HTML样式可以自由控制，在正式编程中我们一般会把CSS文件和HTML单独放置，做到网页内容和样式分离，简洁明了，比较容易管理，例如下边的例子，我们可以调用不同的CSS单独应用到HTML，使得样式单独管理。
了解了前两点内容后，我们应该怎么使用CSS呢一般情况下我们有三种使用CSS的方式：
有三种插入样式表的方法：行内 CSS内部、CSS和外部 CSS。
行内 CSS：
行内样式（也称内联样式）可用于为单个元素应用唯一的样式。如需使用行内样式，可以将 style 属性添加到相关元素，style 属性可包含任何 CSS 属性，下边的例子我们可以看到CSS被写在HTML标签内部，使用style 属性应用CSS：
内部 CSS：
如果一张 HTML 页面拥有唯一的样式，那么可以使用内部样式表，内部样式是在 head 部分的 <style> 元素中进行定义，我们可以看到下边的例子将<style> 元素放在HTML<head>标签内部实现样式应用：
外部 CSS：
外部CSS也是我们正式开发中最常用的方式，也是我们应该优先考虑的方式。通过使用外部样式表，只需修改一个文件即可改变整个网站的外观，下边的例子将CSS单独保存为.css后缀的样式文件，通过HTML<link>标签调用CSS文件，每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。：
外部样式表可以在任何文本编辑器中编写，并且必须以 .css 扩展名保存，外部 .css 文件不应包含任何 HTML 标签。”mystyle.css” 是这样的：
以上我们介绍了CSS以及CSS在HTML中的调用方式，关于CSS怎么写可以先不考虑，只要知道怎么调用就可以了，详细的使用写法及规则我们会在后续章节详细讲解。
相关推荐
css怎么用，divcss布局经典实例
虽然CSS简单，但CSS是一门非常有意思的语言，CSS每年都有变化，而且都有不同的博主都在不同的时间段总结一些CSS的新特性。虽然这些新特性无法立刻得到众多浏览器的支持，但总是随着…
网页设计css是什么意思（解析有关CSS代码所有知识）
CSS代码长什么样？ CSS的代码是类似 json 数据的键值对，也就是key : value，当然，每一句都必须以分号（；）结束，切记，没有分号会出问题的。 其实类似 json …
简述什么是css以及css的作用（详解css概念和作用）
聊起css，印象最深刻的就是刚毕业那会刚开始从事前端开发岗位工作的时候，身为一名 cut picture boy(切图仔)，在页面布局及还原设计图中广泛使用css来开发页面，我记得…
css新特性有哪些（详细介绍css的9大新特性）
1、透明度 rgba和opacity都可以设置透明的。 rgba(red, green, blue, alpha)：alpha是0-1透明度，0时颜色为完全透明，1是完全不透明。 …
超出显示省略号兼容写法（css文字溢出变省略号）
说说css最常见的知识，实现单行、双行文本溢出显示省略号！如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度wi…
css下拉列表怎么设置（css实现下拉菜单效果）
大多数网站中，下拉菜单效果基本常见。在实现技术方面，实现该效果的方法也很多，今天就来说说纯CSS样式来实现常见的下拉菜单，有兴趣的小伙伴可以参考下： 实现效果如下： 鼠标未移上前 …
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。