ID:HONGHONG9CSS浮动浮动什么叫浮动：是指将元素脱离文档流向左或者向右布局使用float属性来设置，有3个属性 left right none 特点：一旦设置浮动，无论之前的内联元素还是块级元素，都会被当做块级元素处理。而且该元素便会脱离标准流，会造成其父元素的内容塌陷。清除浮动为什么要清除浮动？（元素设置浮动会引起父元素内容塌陷，影响布局）clear属性（用于设置元素那一侧不允许浮动）默认值为 none ,表示不进行控制元素值为 left ， 左侧不允许浮动          为 right ， 右侧不允许浮动          为 both ，两侧不允许浮动overflow属性（用于元素不够容纳内容时的显示方式）默认值visible当值为auto时  自动添加滚动条        hidden时 会用匿藏掉超过的内容        scroll时    会一直显示滚动条常用技巧清除浮动的方式（clear fix方案 ）使用：after伪类元素在父元素尾部添加一个元素必备样式：content clear  display可选样式：height font-size visibility例如 .clearfix{conten:"";clear:"both";display:"block"}实战案例 比如实现一个三列布局 （实现一个左中右布局，左右两侧宽度固定，中间内容区宽度能自适应）可以通过**翼布局第一步：使用float属性左中右浮动。第二步：使用负margin属性让左右两侧和中间列处于同一水平线上第三步：中间列中增加一个div内容元素，设置margin值为左右两侧宽度最后一步：清除浮动。

ID: HONGHONG9CSS 简介第一节 css介绍  1.什么是css(英文全称 cascading style shects ,中文名为级联样式单。)  2.css功能是什么（ 对网页结构语言补充，主要对网页样式的定义  例如 布局 、颜色 文本等设置）  3.css作用是？（ 精确控制页面的各个元素）第二节 css 的发展史    css1.0  版本发布1996年12月    css 2.0 版本发布于1998年5月 ，提供了更加强大的功能   css 2.1 版本发布于2007年，并于2011年6月正式成为标准   css 3.0 版本于1999年开始定制，2001年完成工作草案，是目前css最新版本第三节 css 引入 1.  内联样式（直接将css写到HTML元素的style属性中） 2.  内部样（将css样式写到style标签中） 3.  引入外部样式（精确的通过引入外部css文件） 4.  导入外部样式 （ 通过在元素中使用@import  导入一个外部的css样式）第四节 css基本语法 选择器 { 属性：属性值；...... } css样式一般用小写书写  ，每个属性值用分号分隔第五节 css特性   层叠性 、继承性

ID : HONGHONG9第三章  常用标签基本结构   声明文档类型 用来告诉浏览器        标题 --标签用于定义标题 ,一个html 中只能有一个标签.段落用定义段落  浏览器会为自动其前后创建一些空白 ,这就是行高.该标签内多个空格都会解析成一个空格结构标签常用的标签是,是块级元素 独占一行 内联元素 一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行链接         定义网页链接  是HTML页面非常重要的一环,如果没有链接 与其他页面不会有链接          属性 表示链接的地址 ,可以是相对地址也可以是绝对地址    6.图片        定义图片 属于单标签.其中有两个重要的属性 src  代表图片的地址 . alt 代表图片无            法显示时替代文本.    7.列表        无序列表  (中的type 属性定义图形形状)        样式                                                                           有序列表 (type 属性定义数字 字母等)     样式                             自定义列表(使用标签定义列表 , 定义标题  定义列表项)         样式            中国城市         上海        深圳             

ID : HONGHONG9一 web简史      1.web 诞生于20世纪60年代     2.w3c 成立以1994年10月 ，主要工作是发展web 规范     3.网站 url格式  协议：//主机地址+目录路径+参数                                  常用协议 ： HTTP协议  ftp协议  file 协议—主要用于访问本地计算机文件     4.最主流的开发者使用的浏览器是 chrome二.html   1.web开发主要分为前端和后端两部分，   2.遵守web 标准   3.开发工具可以使用 由微软出品的  vscode 开发工具 ，优点 ：免费 开源  安装插件方便  代码          提示   4.2014年w3c 发布最新版本 HTML5   5.   XHTML和HTML的主要异同点？             xhtml元素必须被正确的嵌套             xhtml元素必须是小写字母             xhtml元素必须是闭合起来的             xhtml元素必须是保持有一个根元素去包括其他内容元素