第一种方式:利用相对定位将子元素的位置设为父元素高度的一半,再将子元素的margin-top设为自身高度一半,且为负值。 ...
分类:
其他好文 时间:
2016-07-03 23:22:06
阅读次数:
119
一、盒子模型 说到盒子模型,我们不得不提一下,W3C标准和IE浏览器是有区别的,我昨天就在写抽屉作业的时候踩过坑,建议用谷歌浏览器,并推荐一篇博文:http://www.osmn00.com/translation/213.html 在W3C盒模型中,一个块级元素的总宽度(总高度同理)按照如下的方程 ...
分类:
Web程序 时间:
2016-07-03 11:40:48
阅读次数:
242
1.包含文字的元素必须是块级元素,不是块级元素使用display:block使其具有块级元素属性; 2.具备上述基本条件后,css样式如下: 如果包含在table的td元素内,td元素需要明确width的百分比,例如:width:20%; ...
分类:
Web程序 时间:
2016-07-02 21:27:03
阅读次数:
588
可以换行的元素 不能换行的元素 块级元素 行内元素 div - dl - form 交互表单 a - 链接 br - 换行 em - 强调 h1 - h6 标题 hr - 水平分隔线 i - 斜体 img - 图片 input - 输入框 ol - 排序列表 ul - 非排序列表 label - 标 ...
分类:
Web程序 时间:
2016-07-01 01:14:25
阅读次数:
334
解决方法: <div style="font-size:0;" > <img/> </div> 原理分析: 块级元素包含内联元素如图片文字等时,内联元素默认是和父级元素的baseline(基线)对齐的,而baseline又和父级元素底边有一定的距离(这个距离和font有关,不一定是5px),所以以上 ...
分类:
其他好文 时间:
2016-07-01 01:14:18
阅读次数:
247
可以通过<div>和<span>将HTML元素组合起来 HTML块元素 大多数HTML元素被定义为块级元素<block level element>或内联元素<inline element> 块级元素在浏览器显示时,通常会以新行来开始(和结束),如:<h1>,<p>,<ul> HTML内联元素 内敛 ...
分类:
Web程序 时间:
2016-06-30 01:05:31
阅读次数:
330
可以把HTML文档分割为若干段落 HTML段落是通过<p>标签定义的 * 段落是块级元素,浏览器会自动在段落前后添加空行 * 使用空的段落标记<p></p>是插入一个空行是个坏习惯,用<br/>代替他 HTML拆行 如果希望在不产生一个新的段落情况下换行,使用<br/>标签 <br/>元素是一个空的 ...
分类:
Web程序 时间:
2016-06-29 06:33:37
阅读次数:
283
标题是通过<h1> - <h6>等标签进行定义的 <h1>是最大标签,<h6>是最小标签 * 浏览器会自动在标题的前后添加空行 * 默认情况下,HTML会自动的在块级元素前后添加一个额外空行,比如段落,标签元素前后。 注意:请确保HTML Heading标签只用于标题。不要为了产生粗体或者大号文本使 ...
分类:
Web程序 时间:
2016-06-29 06:33:19
阅读次数:
594
一、定位:positionstatic | relative | absolute | fixed | inherit ,各值含义如下: 1)static:元素框正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。2)relative:元素框偏移某个 ...
分类:
Web程序 时间:
2016-06-28 20:21:51
阅读次数:
136
块级元素: ◎ address - 地址 ◎ blockquote - 块引用 ◎ center - 举中对齐块 (html5取消了该标签) ◎ div - 常用块级容易,也是css layout的主要标签 ◎ dl - 定义列表 ◎ fieldset - form控制组 ◎ form - 交互表单 ...
分类:
Web程序 时间:
2016-06-26 22:35:08
阅读次数:
174