CSS 文件需要写在<head>
标签中的<link>
标签内。这样,浏览器就可以识别并加载这些样式声明了。例如:
<head> <link rel="stylesheet" href="style.css"> </head>
其中,rel="stylesheet"
表示该链接是一个样式表文件,href="style.css"
是样式表文件的路径。请确保文件路径正确,否则浏览器将无法加载样式。
CSS 文件中的样式声明由选择器和声明块组成。例如:
p { color: blue; font-size: 16px; }
其中,p
是选择器,表示该样式适用于所有的<p>
标签。花括号内的代码块就是样式的声明,color: blue;
表示字体颜色为蓝色,font-size: 16px;
表示字体大小为 16 像素。
在 CSS 文件中,选择器有很多种类型,包括标签选择器、ID 选择器、类选择器、伪类选择器等等。你可以根据需要选择相应的选择器来实现你的样式需求。
除了以上的基本语法之外,CSS 文件还有许多高级用法,如样式优先级、继承、媒体查询等等。这些内容可在进阶学习中逐步掌握。