浏览器不会显示HTML标签，而是使用标签来解释页面的内容： 2、Html基本语法结构介绍标题……

内容2

内容3

……与之间：网页全部信息与之间：网页说明信息与之间：浏览器标题与之间：可见的网页内容 2、Html基本语法结构介绍 3、Html元素样式及布局定位举例先讲规则原理，再用代码写出符合规则的布局和样式常用规则和代码均极其简单不以书上标准名词讲解，采用通俗、俗气的名词叫法，先让大家能理解，能写，然后大家再去看书，去系统、规范学习，去提高技能 3、Html元素样式及布局定位举例要显示的内容必须放在body中。Body是个大硬盒子，盒子中可以放其它盒子盒子中可以放袋子盒子是硬的，有长宽高属性，默认独占一行袋子是软的，袋子没有长宽高属性，不独占一行袋子中不能放盒子（标准中规定），但浏览器多支持此非正规写法，建议不要常用Display可以使标签元素在盒子和袋子间改变Display：block块元素（盒子），inline内联元素（袋子）；各种标签默认的display属性不同Float可以使块级元素（盒子）不独占一行 Html元素样式及布局定位举例开始例子，边做边学后面ppt作为提示和讲解属性用 3、Html元素样式及布局定位举例盒子的主要属性：宽（width）高（height）边框（border）外边距（margin）内边距（padding）背景（background）内部内容样式（对齐方式字体颜色等）设置的宽高仅仅是是content的宽高（ie6及以前是全部的宽高，即外部虚线部分包含的区间宽高）设置的背景是包含padding和content的部分的背景 3、Html元素样式及布局定位举例袋子的主要属性：没有宽高属性，没有上下边距，没有内部内容的对齐方式，其余和盒子基本一样 3、Html元素样式及布局定位举例元素位置1：Body是最外面的包装大盒子，Body里面有盒子盒子又有兄弟盒子盒子也有子盒子兄弟盒子间位置按照文档中的顺序布局定位紧挨上一个盒子（盒子要独占一行）子盒子紧挨父盒子的左上角 3、Html元素样式及布局定位举例元素位置2： 3、Html元素样式及布局定位举例元素位置3： 3、Html元素样式及布局定位举例元素位置1： Html元素属性查看w3cschool上面的教程上面可以查询对应元素，其属性含义，及其在不同浏览器中的兼容性，以及使用案例个人觉得，学习方法：了解规则原理，会用基本的几个元素，然后会查询其它元素定义，可边查边写，几个小时就能上手。就能看懂别人的布局和样式设计，就能仿写，再做一些实际的项目，看一遍基本的标准教程说明，之后基本没有代码本身的限制了。有好的想法，好的材料，然后就能写出好看的页面了。 Html元素样式及布局定位举例1、新建testhtml文档（dreamweaver中）2、tittle修改3、body中添加2个div4、body背景5、div：背景色，内容，位置修改，style6、div与div位置间关系7、html中文档位置，盒子模型，绝对与相对定位介绍8、classid及链接外部样式表 Html元素样式及布局定位举例Body中直接写内容就可以显示，为何再加标签？不同标签简要介绍：divpspanimgtableolulainputtextarea盒子模型块级元素divptable等，内联元素spanaimginput在高宽居中方式，占行方式上的不同Display修改元素显示类型：blockinlineinherit Css语法selector{property:value}例如：h1{color:red;font-size:14px;}层叠次序当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。1浏览器缺省设置2外部样式表3内部样式表（位于标签内部）4内联样式（在HTML元素内部）因此，内联样式（在HTML元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。 Css语法selector{property:value}选择器分类类（class）：以点开头如：.class1Id：以#开头如#tittle*通用配合符号，表示全部标签（tag）：选择器就是标签名如：div书写规则：1、后面的优先于前面的2、选择器间空格表示父子关系3、选择器间逗号表示并列关系4、不允许两个大括号中只有空格或者空着 Css语法链接到html的方式：1、html中写入代码……2、写在外部css文件中，链接到html中………… Js、jq更改样式style属性js与css对照.txtJquery写法（Jq需要连接库）$(“目标名”).css(“css属性名”,“属性值");比如你要获取id为123的div的z-index的值$("#123").css("z-index")而你要设置他的属性值的话就是这样写$("#123").css("z-index","10") JsJq链接到html中1、外部文件的方式2、直接写到html文件中3、Jq书写要注意绑定发生时间应该在对应元素下载完成之后。可采用书写到对应html代码之后，用ready控制、live法绑定4、js函数执行时间，必须是对应元素的代码下载完成之后，控制同上