1.元素
1.1置换元素与非置换元素
置换元素:只用来置换元素内容的部分不由文档内容直接表示。例如 <img src="aaa.gif"> 这段标记只包含一个元素名和一个属性。如果不指向外部内容(这里通过src属性指定一个图像),这个元素什么也表示不了。
非置换元素:HTML元素大部分都是非置换元素,元素的内容由用户代理(通常是浏览器)在元素自身生成的框中显示。
1.2块级元素和行内元素
块级元素:独占一行,最常见的块级元素有p,div。不能出现在行内元素中
行内元素:在一行文本内生成元素框,不打断所在的行。最常见的行内元素是a,strong,em,
可通过display设置属性
display:block 设置为块级元素
inline 设置为行内元素
2.文档关联CSS的方式
2.1 link标签
<link rel="stylesheet" type="text/css" href="sheet1.css">
通过link标签链接的样式表不是HTML文档的一部分——外部样式表,link标签必须放在head元素中。外部样式表保存为.css文件。
2.2 style元素
<style></style>:直接写在文档中
2.3@import
@import url(sheet2.css);
@import指令在style元素内部,必须放在所有样式规则前面,主要用于一个外部样式表引用另一个外部样式表
2.4 http链接
使用http首部
2.5 行内样式
可以使用html元素的style属性设置行内样式,除了body元素之外的标签,所有html标签都可以设定style标签
原文:https://www.cnblogs.com/northeast-boy/p/14931250.html