1、( 推荐学习：CSS教程 )请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。
成都创新互联公司长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为献县企业提供专业的成都网站设计、成都网站制作，献县网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
2、DOCTYPE html Title .content{ display：-webkit-flex； display：flex；} /*Flex布局*/ /*注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。
3、CSS中li设置左浮动后，li下面的a控制位置方式为：li a{margin-left：20px； margin-top：12px；display：block；width：20px；} 详情：a标签写样式时要加display：block；属性，这样a标签就显示一行了。
4、浮动的取值如下：left：对象浮在左边 right：对象浮在右边 clear 清楚左，右 浮动。
5、左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
6、值 描述 left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
外边距是盒子周围一圈看不到的空间。它会把其他元素从盒子旁边推开。 外边距属性值可以为正也可以为负。设置负值会导致和其他内容重叠。
css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。第一类？文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。
盒子模型（p+CSS布局）是CSS的基石，它指定元素如何显示以及（在某种程度上）如何相互交互。 页面上的每个元素都被浏览器看成是一个矩形的盒子，这个盒子由元素的内容、填充、边框和边界组成。
hover伪类可以用来选择鼠标指针悬停在元素上的样式。当鼠标悬停在元素上时，可以通过更改元素的样式来提供反馈或交互。hover伪类可以应用于大多数css元素，包括链接、按钮、图像、表单元素和文本等。
a：active 选择器用于活动链接 a：hover 选择器用于选择鼠标指针浮动在上面的元素。
a：hover英文hover就是悬停的意思，代表鼠标指针放在这个链接上时的属性。a：active英文active就是有效的、快速的意思，代表鼠标按下时一瞬间的属性。
CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类：link用在未访问的连接上。：visited用在已经访问过的连接上。：active用于获得焦点（比如，被点击）的连接上。
浏览器默认的a链接的颜色是蓝色；a：hover属于css，它设置了当鼠标悬浮在链接内容之上时，链接内容的样式，比如，例子中a：hover{ color：#F00；}，它设置了当鼠标悬浮在该链接内容上时，链接内容变成红色。
通过 CSS，可以在 HTML 中的超链接元素上设置样式。首先，可以使用 a 标签选择器来选择所有超链接元素。