DIV+CSS

DIV：是一个html标签，一个块级元素(单独显示一行)。单独使用没有任何意义，必需结合css来使用，主要用于页面布局。

Span：也是一个html标签，一个内联元素(显示1行)。单独使用没有任何意义，必需结合css来使用，主要用于对扩起来的内容进行样式修饰。

CSS概述

css是层叠样式表，样式定义如何显示html元素，样式通常存储在样式表中，为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在css文件中，多个样式定义可层叠为一。

css作用：html是整个网站的骨架，css是对整个网站骨架的内容进行美化(修饰)。

语法和规范

选择器{

属性名1:属性值1；

属性名2:属性值2；

属性名3:属性值3；

}

基本选择器有元素选择器和类选择器和id选择器。如果全部元素相同，使用元素选择器。部分元素相同使用类选择器。如果只设置一个用id选择器。

其他选择器：层级选择器、属性选择器、

css引入方式

外部引入

<link rel="stylesheet" href="style.css" type="text/css" /> 只需要改变href选择正确的文件路径即可。

内部引入

<style type="text/css">

div{

font-size:30px;

color:pink;

 }

</style>

行内引入

<div style="font-size:20px;color:blue;">

css的浮动   属性：float.   向左浮动left. 向右浮动 right。