一、 html与css的关系
html:内容和结构
css:样式
二、 XHTML与HTML的重要区别:
1、在XHTML中标记名称必须小写
eg:<body><p>text</p></body>
2、在XHTML中属性名称必须小写。
3、在XHTML中标记必须严嵌套。
4、在XHTML中标记必须是封闭的。
<p>text</p>
<p>text</p>
一个p标记必须对应一个/p
5、在XHTML中即使是空元素的标记也必须封闭。
eg:<br/><hr/>
6、在XHTML中属性值用双引号括起来。
<img src="img01.jpg" width="80">
7、在XHTML中属性值必须使用完整形式。
<input disabled="true">
以前可以只加一个disabled,省略了true
8、在XHTML中应该区分“内容标记”与“结构标记”。
内容标记:<p>
结构标记:<table>
三、在HTML中引入css方法
1、行内式
eg:<h1 style="color:white;background-color:blue">
This is a desk.</h1>
2、 内嵌式
eg:
<style type="text/css">
h1{
color:white;
background-color:blue
}
</style>
3、导入式
<style type="text/css">
@import "mystyle.css";
</style>
4、链接式
<link href="mystyle.css" rel="stylesheet" type="text/css">
注:导入式在页面加载完成之后导入的,链接式是在页面加载完成之前就完成的。所以相比之下链接式会好一些。