在最后几节,我们已经给你讲完了HTML相关的必要知识点。其余细节,可以查阅资料,进一步研究。从这一节开始,我们正式进入对CSS的研究。在学习之前,我们会介绍一些概念。一、什么是C
在最后几节,我们已经给你讲完了HTML相关的必要知识点。其余细节,可以查阅资料,进一步研究。从这一节开始,我们正式进入对CSS的研究。在学习之前,我们会介绍一些概念。
一、什么是CSS?
二、为什么需要CSS?
三、如何使用CSS?
首先,什么是CSS?CSS是一种描述HTML文档风格的语言。CSS描述了HTML元素应该如何显示。CSS的正式名称是层叠样式表(层叠样式表,cascading style sheet)。我们来看看一个CSS的使用效果。下面的代码<>标签内是CSS:
那么,我们为什么需要CSS呢?我们要知道HTML的功能更多的是显示数据,HTML也有可以控制元素样式的属性。但是如果只使用HTML自带的属性样式,几乎每个标签都需要添加属性,修改起来会特别费力,而且无法重用。还有就是HTML自带的属性样式没有CSS那么多样和专业。我们使用CSS来约束HTML样式,使其可以自由控制。在正规编程中,我们通常将CSS文件和HTML分开放置,这样网页的内容和风格是分开的,简洁明了,易于管理。比如下面这个例子,我们可以调用不同的CSS分别应用于HTML,这样就可以分别管理样式。
知道了前两点之后,应该如何使用CSS呢?一般来说,我们有三种使用CSS的方法:
插入样式表有三种方式:内联CSS内部、CSS和外部CSS。
内嵌CSS:
内嵌样式(也称为内联样式)可用于将独特的样式应用于单个元素。要使用内联样式,可以将样式属性添加到相关元素中,并且样式属性可以包含任何CSS属性。在下面的示例中,我们可以看到CSS是在HTML标记内编写的,并且CSS是通过使用style属性来应用的:
内部CSS:
如果一个HTML页面有独特的样式,你可以使用内部样式表。内部样式在
外部CSS:
外部CSS也是我们形式化开发中最常用的方式,也是我们应该优先考虑的方式。通过使用外部样式表,只需修改一个文件就可以改变整个网站的外观。下面的示例将CSS保存为带有。css后缀,并通过HTML对其进行更改
外部样式表可以在任何文本编辑器中编写,并且必须用。css扩展。外部的。css文件不应该包含任何HTML标签。”mystyle.css & # 8221是这样的:
我们已经介绍了CSS及其在HTML中的调用方法。CSS怎么写可以不管,只要你知道怎么调用就行。我们将在后续章节中解释详细的写作方法和规则。