table表格布局嵌套太多难以更改
HTML标签
<div></div>块标签(独占一行)
<span></span>
CSS(Cascading Style Sheet层叠样式表)
<style>
选择器{
属性名称:属性的值
...
}
</style>写入head标签中
选择器
.类选择器、标签(元素)选择器、#ID选择器(id唯一)
优先级:内联样式>ID选择器>类选择器>标签(元素)选择器
注意:如果一个标签指明多个类选择器,采用就近原则
CSS的引入方式
外部样式:通过<link rel="stylesheet" href="路径"/>
内部样式:style标签内写CSS代码
内联样式:直接通过标签的style属性来更改样式(不推荐)
CSS浮动:浮动元素会脱离正常文档流,在正常的文档流中不占空间