一、CSS基本语法
<style type="text/css">
选择器 {
对象的属性1 : 属性值;
对象的属性2 : 属性值;
}
</style>
二、CSS基础选择器
<style type="text/css">
li {
color: red;
}
</style>
<ul>
<li>理学院</li>
<li>计算机学院</li>
<li>外国语学院</li>
<li>汽车学院</li>
<li>机械学院</li>
<li>管理学院</li>
<li>通信学院</li>
</ul>
- id选择器:作用于id为指定值的所有元素(同一页面内id不可重复)
<style type="text/css">
#r {
color: red;
}
</style>
<ul>
<li id="r">理学院</li>
<li>计算机学院</li>
<li>外国语学院</li>
<li>汽车学院</li>
<li>机械学院</li>
<li>管理学院</li>
<li>通信学院</li>
</ul>
<style type="text/css">
.c {
color: red;
}
</style>
<ul>
<li class="c">理学院</li>
<li>计算机学院</li>
<li class="c">外国语学院</li>
<li>汽车学院</li>
<li class="c">机械学院</li>
<li>管理学院</li>
<li class="c">通信学院</li>
</ul>
三、关联样式
<p style="color:red;">一个红色段落</p>
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>