摘要：
JavaScript用于网页和用户之间的交互，比如提交的时候，进行用户名是否为空的判断。完整的javascript由语言基础，BOM和DOM组成。本模块主要讲解javascript语言本身和BOM， DOM的内容请参考HTML DOM 示例 1 : 通过javascript向文档中输出文本 docu 阅读全文
摘要：
步骤 1 : 块之间有空格 如果多个span连续编写，像这样： <span>连续的span</span><span>连续的span</span> 是不会有空格的 但是真正开发代码的时候，一般不会连续书写span,而是不同的span之间有回车换行，比如这样： <span>有换行的span</span> 阅读全文
摘要：
步骤 1 : 一个div始终贴在下方 首先把蓝色div设置为相对定位然后把内部的绿色div设置为绝对定位， bottom: 0表示贴在下面 <style> #div1 { position: relative; height: 300px; width: 90%; background-color: 阅读全文
摘要：
步骤 1 : 左右固定，中间自适应的布局 <style> .left{ width:200px; float:left; background-color:pink } .right{ width:200px; float:right; background-color:pink } .center 阅读全文
摘要：
步骤 1 : line-height方式 <style> #d { line-height: 100px; } div{ border:solid 1px lightskyblue; } </style> <div id="d">line-height 适合单独一行垂直居中</div> 步骤 2 : 阅读全文
摘要：
步骤 1 : 左侧固定，右边自动占满 <style> .left{ width:200px; float:left; background-color:pink } .right{ overflow:hidden; background-color:lightskyblue; } </style> 阅读全文
摘要：
步骤 1 : 内容居中 <style> div{ border:1px solid lightgray; margin:10px; } </style> <div align="center"> 通过设置属性align="center" 居中的内容 </div> <div style="text-a 阅读全文
摘要：
元素的display显示方式有多种，隐藏、块级、内联、内联-块级 步骤 1 : 隐藏 在隐藏章节已经使用过通过display的方式隐藏一个元素display:none; 使得被选择的元素隐藏，并且不占用原来的位置 <style> div.d{ display:none; } </style> <di 阅读全文
摘要：
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 属性：float值： left,right 示例 1 : 文字向右浮动 文字向右浮动浮动后，原来的“坑”就让出来了并且是在原来的高度的基础上，向右浮动 <style> .f{ float:right; } </style 阅读全文
摘要：
示例 1 : 相对定位 属性：position值： relative与绝对定位不同的是，相对定位不会把该元素从原文档删除掉，而是在原文档的位置的基础上，移动一定的距离 <style> p.r{ position: relative; left: 150px; top: 50px; } </style 阅读全文
摘要：
示例 1 : 绝对定位 属性：position值： absolute设置了绝对定位的元素，相当于该元素被从原文档中删除了所以”正常文字4“会紧接着出现在 ”正常文字2“后面，而不会留下空档 <style> p.abs{ position: absolute; left: 150px; top: 50 阅读全文