在HTML中引入CSS的方法
1:行内式
<input style="">
2:嵌入式
<head><style type="text/css">.class{color:red;}</style></head>
3:导入式 (装载完整个页面后再装载css)
<head><style type="text/css">@import "main.css"</style></head>
4:链接式 (装载页面主体部分之前装载css)
<link href="main.css" rel="stylesheet" type="text/css">
注:如果需要引入多个css可以用链接式,在主体css中用导入式引入其他的css
- css选择器
- 标记选择器
<style>
h1{
font-size:10px;
}
</style>
- 类选择器
<style>
.classname{
font-size:10px;
}
</style>
- ID选择器
<style>
#idname{
font-size:10px;
}
</style>
- 交集选择器(先选大类,再选小类)
<style>
h1 .classname{
font-size:10px;
}
</style>
- 后代选择器
<style>
div span {
font-size:10px;
}
</style>
块级元素(block level)
- 以一个块的形式表现出来,并且跟同级的兄弟一次竖直排列,左右撑满。
行内元素
- 各个标记之间横向排列,再最右端自动折行。
列表样式
- 如果希望用图片作为li的图标,最好给li设置背景图,而不是设置在list-style-image中。