一 标准流 块级元素占据一行显示,行内元素在一行上显示 -- 元素按照原来的显示方式显示 标准流 二 浮动 1 浮动的作用与用法 float 设置元素是否浮动或者如何浮动 none 不浮动 left 左浮动 right 有浮动 2 浮动的特点 1 浮动的元素不占据原来在标准流中的位置 -- (脱离标 ...
分类:
Web程序 时间:
2016-07-24 00:16:43
阅读次数:
540
基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左 ...
分类:
其他好文 时间:
2016-07-22 17:24:09
阅读次数:
125
clearfix的定义: .clearfix的原理: 1、在IE6, 7下zoom: 1会触发hasLayout,从而使元素闭合内部的浮动。 2、在标准浏览器下,.clearfix:after这个伪类会在应用到.clearfix的元素后面插入一个clear: both的块级元素,从而达到清除浮动的作 ...
分类:
Web程序 时间:
2016-07-21 14:48:40
阅读次数:
335
1.行内标签转换成块级标签的方法 2.块级标签转换成行内标签的方法 初始的情况: 改变后: 2.行内标签设置宽和高不起作用的,它的宽和高是由其中的内容决定的。 所以如果要设置行内标签的高度则需转换成块级元素 行内标签有,span,strong,img,a 此外a标签有伪类,伪类的作用就是让其有很多状 ...
分类:
其他好文 时间:
2016-07-21 00:29:01
阅读次数:
1425
行内元素有:a b span img input select strong 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p HTML 参考手册- (HTML5 标准) 功能排序 New : HTML5 新标签 ...
分类:
Web程序 时间:
2016-07-20 17:25:37
阅读次数:
245
标准文档流 1.当后面空间不够时,会空白折叠,自动换行. 2.当高矮不齐时,会底部对齐. 3.自动换行. 标签根据显示的内容划分成:文本级,容器级. 按照文档流划分:块级元素.行内元素; 块级元素: (1).霸占一行,不能与其他任何元素并列. (2)能接受宽高. (3).如果不设置宽度,那么宽度将默 ...
分类:
其他好文 时间:
2016-07-19 20:50:47
阅读次数:
154
1. Margin: 包括margin-top, margin-right, margin-bottom, margin-left, 控制块级元素之间的距离, 它们是透明不可见的。 例如: margin-top: 50px;margin-right: 50px;margin-bottom: 50px ...
分类:
其他好文 时间:
2016-07-19 13:31:20
阅读次数:
134
说inline-block(行内区块元素)之前,先说下他另外的2个兄弟 display:inline; 内联元素,简单来说就是在同一行显示。他没有高度,给内联元素设置width和height是没效果的。display:block; 块级元素,简单来说就是就是有换行,会换到第二行。同时可以设置宽高。 ...
分类:
其他好文 时间:
2016-07-18 03:27:44
阅读次数:
194
标准文档流标准文档流也称为正常文档流标准文档流是按照HTML元素的类型来定位的。HTML元素可以分为块级元素和行内元素。块级元素会按照从上到下的垂直顺序来排列。行内元素则按照水平顺序来排列盒子,从左到右还是从右到左取决于文档顺序浮动定位浮动定位采用float属性实现floa..
分类:
Web程序 时间:
2016-07-17 02:55:32
阅读次数:
218
1.alert做js、jQuery的调试,相当的不错的哦! 2.hover背景色盖住内容! 错位的问题! 3.跨域一般都设置服务器允许跨域访问,自己公司服务器有权限改,除非服务器是别人的,你不能修改,才用JSONP! 4.元素没有出现在指定的地方, 浮动的原因! 块级元素占一行! ...
分类:
其他好文 时间:
2016-07-15 19:37:33
阅读次数:
120