HTML 语法 单标签<hr/>水平线<br/>换行 双标签 <p></p>段落 <head></head>标签用于定义文档的头部，是所有元素的容器。head中元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息。文档头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其他文档 ...
分类：
Web程序 时间：
2017-07-23 11:25:32
阅读次数：
192
图片标签为<img>，为单闭合标签，使用时<img src="./im.png" alt="花"/> 必选属性: alt 图像的替代文本 src 规定显示图像的URL img属于行内替换元素，可以使用height/width/padding/margin均可以使用，效果等效于块元素。如果设定了wid ...
分类：
Web程序 时间：
2017-07-22 23:48:39
阅读次数：
246
今天无意中碰到了外边距合并的问题，于是便研究了一下。这里做个笔记。 所谓外边距合并，指的是当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 例如，这里有这样两个块元素： 这里给的样式是： 先来看一下效果： 意料之中的，然后给.box1一个向 ...
分类：
Web程序 时间：
2017-07-22 13:22:34
阅读次数：
196
一、float属性取值：left：左浮动right：右浮动none：不浮动 二、浮动的作用块元素同行排列显示，一般用于排版、分栏显示。设置浮动属性后，脱离文档流向指定的左或右边对齐，直到父元素的边界或浮动的元素。注意：使用浮动后要及时清除，避免影响其后的网页元素。 三、清除浮动的必要性浮动后，脱离了 ...
分类：
Web程序 时间：
2017-07-21 12:35:32
阅读次数：
224
外边距:margin 边框:border 内填充:padding 内容:content 三种基本布局模型 流动模型:Flow html默认的就是流动模型 浮动模型:Float 通过float浮动让多个块元素一行 层模型:Layer 绝对定位 position: absolute; 脱离文档流，通过l ...
分类：
其他好文 时间：
2017-07-18 20:10:39
阅读次数：
191
块元素和行元素： 1.行元素：在一行内显示，不会自动换行的标签。不能设置宽高。 块元素：自动换行的标签，能设置宽高。*利于我们页面布局 比如：段落标签，标题标签都是块元素 2.两者可以互相转换，通过display属性。<div style="display:inline"></div> ...
分类：
Web程序 时间：
2017-07-18 11:46:56
阅读次数：
198
一.块状元素 div,p,h1,form,ul,li,ol都是块状，特点是 １.每个块元素都从新的一行开始，其后的元素也另起一行 2.元素的高度，宽行高，顶和低边距都可设置 ３．元素宽度不设置情况下，本身是父容器的100% 二.内联元素 span,a,label,strong １．和其他元素在一行上 ...
分类：
其他好文 时间：
2017-07-18 00:13:47
阅读次数：
211
水平居中 行内元素 text-align:center; 块元素 1.定宽块元素水平居中 margin:0 auto; 2.不定宽块元素水平居中 方法一：利用浮动的包裹性和百分比相对定位 <div class='outer'> <div class='inner'></div> </div> 我们想 ...
分类：
其他好文 时间：
2017-07-17 22:15:10
阅读次数：
245
HTML是什么 超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则 浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性） ...
分类：
Web程序 时间：
2017-07-17 12:27:35
阅读次数：
228
转自http://www.cnblogs.com/Jerry-Chou/archive/2011/11/02/2233094.html 1.先解释一下文档流 就是HTML的一种机制，块元素单独占一行（比如 div），内联元素不换行（a标签，img标签）； 2.几种定位方式 2.1 static HT ...
分类：
Web程序 时间：
2017-07-16 16:38:51
阅读次数：
177
