【Web学习笔记DAY04】CSS入门(1)-CSDN博客

本文链接：https://blog.csdn.net/weixin_45650243/article/details/104204255

CSS(Cascading Style Sheets) 通常称为CSS样式表或层叠样式表( 又称串样式列表、级联样式表、串接样式表、阶层式样式表)。
是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。

CSS有三种引入方式：行内样式、内嵌式和外链式。

行内样式
行内样式也称之为内联样式，行间样式等，是通过元素的style属性来设置元素的样式。

<div style="color: red; font-size: 12px;">哈哈哈</div>

优缺点
优点：书写十分方便，权重高。
缺点：结构与样式没有完全分离，控制范围小。只能控制一个标签。

内嵌式
内嵌式又称内部样式表，就是将css集中用style标签定义。写在HTML的head标签中。

<style>
	 div {
	 	color: red;
	 	font-size: 12px;
	 }
- style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。
- type="text/css"  在html5中可以省略。
</style>

代码格式约定：
一般样式书写有两种方式：紧凑式和展开式。

紧凑格式：

.top{ display: block; width: 50px;}

展开式

.top {
    display: block;
    width: 50px;
}

优缺点
优点：部分结构和样式分离。
缺点：没有彻底分离。只能控制当前一个页面。

外链式：
外链式有称为外部样式表。就是将所有的css样式放在一个.css的扩展名文件中。用link标签印日到HTML中。

<head>
  <link href="CSS文件的路径"  rel="stylesheet" />
</head>

注意：
link标签要放在HTML的head标签中，并且必须指定三个属性。
herf：定义链接的外部样式表的url,相对路径和绝对路径都可以。
type：定义链入的文档类型。指定为text/css,这个可以省略。
rel：定义当亲文件和被链接文件的关系。指定为stylesheet(样式表)。

优缺点
优点：完全实现结构与样式分离，可以控制多个页面。
缺点：需要引入。

CSS选择器用于指定HTML标签CSS样式的。

注意：

OK，今天的内容就这么多，主要是初步认识了解CSS，下一篇，正式学习选择器啦！