1、内联样式表(和html联合显示,控制精确,但是可重用性差,冗余多)
例:<p style="font-size:14px;">内联样式表</p>
以上就是一个简单的内联样式表,用在<body>中的标签中,相当于style附在标签中,只改变该标签p中的样式和格式。
2、内嵌样式表
例:<style type="text/css">
p //格式对p标签起作用
{
样式;
}
</style>
这是一个内嵌样式表,就是把<style>样式单独抽出来,放在<head>中,独立控制p标签的样式和格式。
3、外部样式表(显而易见,就是独立于html的文件,但是仍然需要html调用该外部样式表才能发挥其作用)
需要新建一个CSS文件,用来单独存放样式表。当在html中调用此样式表时,需要在html文件右击---CSS样式--附加样式表。当连接成功后,在html文件<head>中会出现<link..>的类似连接路径的标签。
4、有些标签有默认的边距,一般写样式表代码的时候都会先去除(也可以设置其他样式),如下:
<style type="text/css">
* //格式对所有标签起作用
{
margin=0px;
padding=0px;
}
</style>
三、选择器
1、单一选择器
1)标签选择器---用标签名做选择器
2)class选择器---都是以“.”开头
3)ID选择器---以“#”开头
2、复合选择器
1)用“,”隔开,表示并列
2)用空格隔开,表示后代
3)筛选“.”
![](https://i-blog.csdnimg.cn/blog_migrate/59987c768d4bb6d61d81f546a4ebf8b6.png)
2.前景字体:
![](https://i-blog.csdnimg.cn/blog_migrate/0156a025f9d6999a2c80db61b176afab.jpeg)
(二)边界和边框
border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。
(三)列表与方块
width、height、(top、bottom、left、right)只有在绝对坐标情况下才有用。