CSS中的块级元素与行内元素 块级元素特性: 1.占据一整行,总是重起一行并且后面的元素也必须另起一行显示。 2.内联元素特性: 3.和其他内联元素显示在同一行。 块级元素列举如下: div(文档分区),article(文章内容), aside(伴随内容), audio(音频播放), blockqu ...
分类:
Web程序 时间:
2016-05-14 15:28:37
阅读次数:
771
一、背景 我们在设计页面的时候,经常要把div等块级元素居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让div等块级元素居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让div等块级元素水平和垂直居中。 二、解决办法 1.C ...
分类:
其他好文 时间:
2016-05-14 14:01:58
阅读次数:
171
在标准文档流里面,块级元素具有以下特点:①总是在新行上开始,占据一整行;②高度,行高以及外边距和内边距都可控制;③宽带始终是与浏览器宽度一样,与内容无关;④它可以容纳内联元素和其他块元素。行内元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距部分可改变;③宽度只与内容有关;④行内元素只能 ...
分类:
其他好文 时间:
2016-05-14 09:00:28
阅读次数:
150
1. 使用float布局 注意点:使用浮动布局要注意清除浮动。使用伪类清除 浮动层:给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的左右边框。 而此浮动元素在文档流空出的位置,由后续的(非浮动)元素填充上去:块级元素直接填充上去,若跟浮动元素的范围 ...
分类:
Web程序 时间:
2016-05-13 23:21:08
阅读次数:
275
在bootstrap中可以使用自带的样式标记来控制样式,但是同时可以利用最原始的css样式来解决达到需求 如下所示可以看出来两个inline-block就可以使得两个水平排列 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元 ...
分类:
其他好文 时间:
2016-05-13 18:56:33
阅读次数:
493
使用float和display:block将内联元素转换成块元素的不同点 使用float和display:block将内联元素转换成块元素的不同点:内联元素可以转换成块级元素,常用的方法比如可以为内联元素使用float属性让内联元素浮动起来,或者为内联元素添加display:block。虽然两者都可 ...
分类:
其他好文 时间:
2016-05-13 11:58:03
阅读次数:
125
1.对于一个容量来说 比如说我们要求左边有一个100px的宽度。要求右边随浏览器的扩大而自由扩充。 如果这个100px的宽度是一个Img,横内元素。右边也是横内元素的话和块级元素是不同的。 2.文字环绕图片。 div下有个img然后有个span标签 img最好悬浮,悬浮虽然说脱离文档,但是还是占空间 ...
分类:
Web程序 时间:
2016-05-13 08:23:28
阅读次数:
219
1、元素分类
在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有:
、、...、、、、、、 、
常用的内联元素有:
、、、、、、、、、、
常用的内联块状元素有:
、
2、块级元素
在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。...
分类:
Web程序 时间:
2016-05-13 04:30:34
阅读次数:
161
前言 因为之前学习css时候急于求成,学习的很不扎实,对于display还有块级元素等知识都了解的非常模糊,于是,最近我决定来恶补一下。 其实块级元素、内联元素和display有着密不可分的关系,下面先看一下display的三个相关的属性。 一、display display跟块级元素相关的包括以下 ...
分类:
Web程序 时间:
2016-05-10 18:33:14
阅读次数:
229
块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是,table标签也是块元素的一种,table ba...
分类:
Web程序 时间:
2016-05-09 01:46:21
阅读次数:
215