CSS学习
CSS可以控制多重网页的样式和布局,可以大大提高网页开发的效率。
———————————————————————————
CSS Id和Class选择器
1.Id选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#para1
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>
2.Class选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.center
{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
</html>
区别:Id选择器和Class选择器的区别主要在于Id选择器事针某个特定id的元素进行样式的设定,而Class选择器是针对于一组元素进行样式的设定。
——————————————————————————————
内部样式表和外部样式表
内部样式表:上面举得两个Id和Class的例子都是运用的内部样式表这样的方式比较适合小工作量的网页进行开发,在每一个HTML文件中都单独进行样式表的设定。
外部样式表:当面对工作量很大的网页开发时,内部样式表的工作效率大大下降,这时我们就可以借助外部样式表。外部样式表是用户单独新建一个.css文件在其中设定好自己的样式声明,然后再任何一个HTML文件中使用标签进行链接。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
以上就是链接方法。