第一步,先认识一下常见的两个块标签div 和 span
使用:
<body>
<!-- div标签:块标签,默认自动换行 -->
<div>张三</div>
<div>李四</div>
<!-- span标签:快标签,内容显示在同一行 -->
<span>赵武</span>
<span>王柳</span>
</body>
区别:
div:两个块标签的内容默认不在同一行
span:两个块标签的内容会显示在同一行
第二步,了解CSS
1.CSS:Cascading Style Sheet ,层叠样式表。主要作用是美化html,并将html代码和样式代码分离,提高代码的复用性。
2.选择器
a.元素选择器 标签名称{
属性名称:属性的值;
属性名称2:属性的值2;
}
b.ID选择器 #id{
属性名称:属性的值;
属性名称2:属性的值2;
}
c.类选择器 .类名{