HTML导入CSS
HTML和CSS是构建网页的两种基本技术,HTML(HyperText Markup Language)是一种标记语言,用于创建网页的结构,而CSS(Cascading Style Sheets)则是一种样式表语言,用于描述网页的外观和布局,在HTML中,我们可以使用各种元素来组织内容,如标题、段落、列表等,我们可以通过CSS来控制这些元素的样式,如字体、颜色、大小等。
在HTML中,我们可以使用<link>
标签来导入外部的CSS文件,这个标签通常放在<head>
标签内,其href
属性指向CSS文件的URL。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>欢迎来到我的网站</h1> <p>这是一个示例段落。</p> </body> </html>
在这个例子中,<link>
标签将styles.css
文件导入到HTML文档中,这个CSS文件应该位于与HTML文件相同的目录中,或者你可以提供一个完整的URL。
一旦CSS文件被导入,你就可以开始使用CSS来控制HTML元素的样式了,你可以使用CSS来改变标题的颜色和大小:
h1 { color: blue; font-size: 2em; }
在这个CSS规则中,h1
是一个选择器,它选择了所有的<h1>
元素。color: blue;
和font-size: 2em;
是声明,它们分别设置了文本的颜色和大小,注意,em
是一个相对单位,它相对于当前元素的字体大小,如果一个元素的字体大小是16像素,那么2em
就是32像素。
HTML和CSS是一对强大的工具,它们可以帮助你创建出美观且功能强大的网页,通过学习如何使用HTML来组织内容,以及如何使用CSS来控制样式,你可以开始你的网页设计之旅。
还没有评论,来说两句吧...