基础
css主要是设置元素的样式,也就是用户看到的效果
主要语法为:
选择器{
属性: 值;
属性: 值;
....
}
选择器部分
元素选择器
选择器可以是元素,比如h1,p,body等
也可以是一组元素,用逗号分割,比如:
h1,h2,h3{....}
派生选择器
也就是说,可以定义多层元素的样式,比如有:
<li><strong>xxxx<strong><li>
我们想定义strong的样式,可以写:
li strong{.......}
这样的话,它会在两层元素都匹配的时候生效
id选择器
也就是元素有id的时候,可以使用id选择器。比如:
<p id="red">这个段落是红色。</p>
写法就是:
#red {color:red;}
id选择器以 # 开头
class选择器
和id选择器相似,但是是以class来设置的,以 . 开头的
<h1 class="center">
比如:
.center {text-align: center}
引入外部css
可以使用link的方式来引入外部的css文件
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>