初识css（自学笔记）

最新推荐文章于 2024-06-14 22:38:43 发布

Mr.Zmh

最新推荐文章于 2024-06-14 22:38:43 发布

阅读量225

点赞数

分类专栏：自学笔记文章标签： css

本文链接：https://blog.csdn.net/zmhxuexi/article/details/106227670

版权

自学笔记专栏收录该内容

33 篇文章 0 订阅

订阅专栏

CSS(Cascading style sheets):美化样式
css通常被称为css样式表或层叠样式表(级联样式表)，主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)，图片的外形（宽高，边框样式，边距等），以及版面的布局等外观样式

css的引入样式（书写位置）

内部样式表

内嵌式是将css代码集中写在html文档的head头部标签中，并用style标签定义，语法格式如下：

<html>
	<head>
		<style type="text/css">
			选择器{
			属性1：属性值1；属性2：属性值2；属性3：属性值4；
			}
		</style>
	</head>
</html>

行内式（内联样式）

内联样式又称行内样式，行间样式，内嵌样式，是通过标签的style属性来设置元素的样式。其语法格式如下：

<标签名 style="属性1：属性值1；属性2：属性值2；">内容（文本或者图片等）</标签名>

语法中style是标签的属性，任何html标签都拥有style属性，行内样式只对其所在的标签及嵌套在其中的子标签起作用。

外部样式表（外链式）

链入式是将所有的样式放在一个或在和多个以css为扩展名的外部样式表文件中，通过Link标签江外部样式表文件链接到HTML文件中。
语法格式如下：

<head>
	<link href="css文件的路径" type="text/css"	rel="stylesheet" />
</head>

语法中Link标签必须写在head标签中，切必须指定标签的两个属性，如下：

href: 定义所连接外部样式表文件的URL，可以是相对路径，也可以是绝对路径
type: 定义所连接文档的类型，在这里需要指定为“text/css”,表示链接的外部文件为css样式表（该属性在html5中可以省略）
rel: 定义当前文档与被链接文档之间的关系，在这里需指定为"stylesheet",表示被链接的文档是是一个样式表文件