main.css用法

html-css011

main.css用法,第1张

main.css用法有:

1、外联式:通过link标签,链接到外部样式表到页面中;

2、嵌入式:通过style标签,在网页上创建嵌入的样式表;

3、内联式:通过style标签,在网页上创建嵌入的样式表;

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

打开命令行,进入到需要打开的css文件目录下,输入codecss文件名,即可打开。

code是vscode为我们添加的一个命令工具。

CSS文件,本身其实就是一种文本文件,只是采用CSS规定的语法规则来写,这样浏览器就可以识别。css文件除了具有控制页面布局的作用外,它还可以很好的将html代码与css代码分离,做到内容与布局独立编写,互不干扰,条理更加清晰。

CSS是一门指定文档该如何呈现给用户的语言。

一、CSS帮助您将文档信息的内容和如何展现它的细节相分离

创建html文档

创建样式表

在与前面相同的目录中,新建另一个文本文件。该文件将成为您的样式表。请将它命名为:style1.css

在您的CSS文件中,复制、粘贴下面的行,并保存该文件:

二、连接您的文档和样式表

为将您的文档和样式表相连,请编辑您的HTML文件。并添加下面高亮的行:

保存该文件并刷新您的浏览器。该样式表将首字母显示为红色,如下所示:

三、rel=“stylesheet”是什么意思呢 

范例中呈现的是标准HTML <link>标签嵌入css档案的写法,其中「rel="stylesheet" type="text/css"」所代表的意思,就是告诉浏览器要导入一个在外部的css档案,透过href导入名为xxxx.css的样式档案。