首页 > 代码库 > CSS样式表基本概念
CSS样式表基本概念
CSS，全称（Cascading Style Sheets,层叠样式表），作用是美化HTML网页。
一、基本概念：是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
你可能对CSS这个名词比较陌生，实际上无论你用InternetExplorer还是
NetscapeNavigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工
具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼。
二、基本分类
1、内联样式表（和html联合显示，控制精确，但是可重用性差，冗余多）
例：<p >内联样式表</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）筛选“.”
CSS样式表基本概念