CSS概述与引入方式

最新推荐文章于 2024-07-26 08:00:00 发布

•周超

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量54

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/weixin_44724589/article/details/118268757

版权

css中文名是层叠样式表，用于设置各标签的样式，样式指的是文本的大小，颜色，以及图像的边框、位置等。层叠指的是在引用多个样式文件时，浏览器会按照层叠顺序。

HTML和CSS是两种作用不同的语言，要想同时对一个页面产生效果，必须确定在HTML中引入CSS的方式主要有：
1.行内样式：
直接对HTML使用style属性，将CSS代码作为属性值写入其中。

< html标签 style="样式属性：取值......;

2内联样式
将对页面设置的样式集中写在head标签中，并用style标签进行声明。
type=text/css用来声明这是一段css样式表代码。

<head>
	<style type="text/css">
		选择器{样式属性：取值;.....}
		选择器{样式属性：取值;.....}
	</style>
</head>

3外联样式
3.1链接样式表
要在HTML标签中引入外部样式表，需要在head标签对中，添加link标签。

<head>
	<link rel="stylesheet"  type="text/css" href="样式表文件的地址">
</head>

rel="stylesheet"属性用来声明在HTML文件中使用的是外部样式表。
type=“text/css” 用来指明该文件为样式表文件。
href指明样式表文件的路径和名称。
3.2导入样式表
与链接样式表功能基本相同。

<head>
<style type="text/css">
@import url(外部样式表文件地址);
</style>
</head>

import语句后面的;是不可省略的。
外部文件的扩展名必须是.css

关注