信息管理创新实践第二周周记使用CSS

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

天国旅人

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

阅读量56

点赞数

分类专栏：信息管理创新实践文章标签： html css

本文链接：https://blog.csdn.net/weixin_48694265/article/details/114986271

版权

10 篇文章 0 订阅

订阅专栏

第二周学习了CSS的创建

在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档：

hr {background-color: #FF0000;text-align:center}
p {margin-left:20px;} {color: #00aa7f;}
body {background-color: #FFAA00;}

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义

<head>
<meta charset="utf-8"> 
<title></title> 
<style>
#para1
{
	text-align:center;
	color:red;
} 
</style>
</head>

<body>
<p id="para1">Hello World!</p>
</body>

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

<head>
<meta charset="utf-8"> 
<title></title> 
<style>
.center
{
	text-align:center;
}
</style>
</head>

<body>
<h1 class="center">XXXXX</h1>
<h2 class="center">YYYYY</h2> 
</body>

关注