块级元素，简单来说，就是自己独占一行的元素。其特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 汇总代码如下： 1 <!doctype html> 2 <html> 3 <head> 4 <m ...
分类：
Web程序 时间：
2016-07-13 21:04:01
阅读次数：
245
今天研究了一下css中的margin，发现其中大有学问。margin存在边距合并的问题，而且在内联元素和块级元素中边距合并规则不同；什么时候该用padding、什么时候该用margin要区分开；负margin的用途多多。 一、margin的用途：margin的基本用途就是控制元素与周围其他元素的间隔 ...
分类：
其他好文 时间：
2016-07-12 15:21:32
阅读次数：
180
<!DOCTYPE html>CSS4-布局1-基本属性 属性：displayvisibilityfloatclear HTML元素类型：行内元素，块级元素 块级元素：最大的区别：换行行内元素：不换号 <style>div{background:#f00;width:200px;height:100 ...
分类：
Web程序 时间：
2016-07-12 12:11:22
阅读次数：
205
<!DOCTYPE html>CSS4-布局3-float 浮动属性最初发明的目的：用来给网页做文字环绕图片排版，写图文环绕案例现在浮动布局的根本目的：把竖排的块级元素改为横排 网页结构层：1：底层，普通流（文档流）2：中层，浮动流 float3：顶层，定位流 position 写块级元素横排案例 ...
分类：
Web程序 时间：
2016-07-12 12:06:10
阅读次数：
200
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> 在标准文档流里面，块级元素具有以下特点：①总是在新行上开始，占据一整行；②高度，行高以及外边距和内边距都可控制；③宽度始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他 ...
分类：
Web程序 时间：
2016-07-11 09:09:39
阅读次数：
234
为何img、input等内联元素可以设置宽、高 为何img、input等内联元素可以设置宽、高 1 常见块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 2 常见行内元素：span, stro ...
分类：
其他好文 时间：
2016-07-07 19:15:33
阅读次数：
154
span 元素为行内元素，没有width属性，需要转换为块级元素才可以设置width； 拓展：html元素分为块级元素，行内元素、可变元素。 行内元素与块级元素直观上的区别 1 、行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个 ...
分类：
其他好文 时间：
2016-07-06 00:30:25
阅读次数：
283
注意嵌套规则： 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。 块级元素不能放在<p>里面。 有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt li内可以包含div 块级元素与块级元素并列、内联元素与 ...
分类：
Web程序 时间：
2016-07-05 20:34:38
阅读次数：
189
块元素： 1.占用整行宽度 2.前后都有换行符 3.拥有完整的盒模型结构 行内元素： 1.根据内容决定占用宽度 2.前后不换行 3.不拥有完整的盒模型结构 补充： warning： 1.一个内联元素设置为display:block是不允许有它内部的嵌套块元素。 2.块级元素可以包含行内和块级，但行内 ...
分类：
其他好文 时间：
2016-07-05 10:07:24
阅读次数：
139
页面布局方式，主要包含：文档流、浮动层、float属性。 ?html页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 ?浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置，由后 ...
分类：
其他好文 时间：
2016-07-04 23:46:28
阅读次数：
561
