/*在HTML中链接外部样式表*/
<link type="text/css" rel="stylesheet" href="xxx.css">
/*
link是一个void元素 ta没有结束标记
rel指定了html与所链接文件的关系
href是css文件所在位置,也就是链接文件的位置
*/
h1, h2 {
/*字体样式*/
font-family: sans-serif;
/*标题颜色*/
color: gray;
}
h1 {
/*底部边框 1像素 直线 黑色*/
border-bottom: 1px solid black;
}
p {
/*段落颜色*/
color: maroon;
/*字体样式*/
font-family: sans-serif;
}
/*
选择器 {
属性: 属性值;
}
选择器1, 选择器2 {
属性: 属性值;
}*/
/*
可以是这样的,使用类应用在元素上
<p class="green">This is green color</p>
p.green {
color="green";
}
或者所有类为green的元素都应用这个类
.green {
color="green";
}
*/