CSS的核心:浮动、盒子模型、定位DIV作为块级元素,每个DIV占据一行。 块元素特点:1.默认显示在父标签的左上角;2.会计元素默认占满一行(占满整个文档流) 常见的块级元素:p、h1-h6、ul li、ol li、div、table、hr等 相对应的是行内元素(内联元素):a、span、img、...
分类:
Web程序 时间:
2015-09-27 12:28:30
阅读次数:
242
6.块元素和行内元素 1. 块元素特点:默认显示在父标签的左上角 块级元素默认占满一行(占满整个文档流) 常见的块元素:p,h1--h6,ul li, ol li,div,hr,table. 2.行内元素(内联元素):大小受到文字区域影响,不受到width,height影响 ...
分类:
Web程序 时间:
2015-09-26 11:56:43
阅读次数:
156
我们经常会需要将一个块级元素设置大小让它显示在页面中,最常用的就是设置具体的值。例如在页面上显示一个粉色背景的像素为200px*200px的方形...#mydiv{ width:200px; height:200px;background-color:pink}......如果想让该di...
分类:
其他好文 时间:
2015-09-25 17:54:16
阅读次数:
197
在开发过程中,想到一个问题,平时对块级元素居中的时候都是定义一个宽度然后简单的通过margin:0 auto;实现,但是如果内容增加,是不是每次都需要修改宽度呢。我觉得需要思考一个自适应内容,并居中的方案。 于是,我写了一个Demo去思索一下这个问题,并简单检验一下自己的想法。HTML代码如下...
分类:
其他好文 时间:
2015-09-25 13:00:35
阅读次数:
108
一,块元素块级元素代码!#d1,#d2{height:100px;width:100px;border:solid 2px #FF0000;display:inline;}块元素特点:1 ,默认显示在父标签(body)的左上角2 , 块级元素默认占满一行(占满整个文档流)常见的块级元素:p标签 h1...
分类:
其他好文 时间:
2015-09-24 19:12:33
阅读次数:
166
CSS元素:分为块级元素和行内元素1、块级元素(block element)特点: a) 默认显示在父标签的左上角; b) 块级元素默认占满一行(占满整个文档流)。示例: 1 #d1 2 { 3 width:300px; 4 height:300px; 5 border:da...
分类:
Web程序 时间:
2015-09-24 14:23:50
阅读次数:
232
常用的块级元素和行内元素1、块级元素(p、hr、div、table、ul、ol、li、h1-h6)2、行内元素(a、img、input、span)块级元素和行内元素相互转换 1、display:inline; 块级转成行内元素 2、display:block; 行内元素转成块级元素 3、displ....
分类:
Web程序 时间:
2015-09-24 12:55:08
阅读次数:
197
一、块级元素的特点1、默认显示在父标签的左上角2、默认占满一行(占满整个文档流) 文档流是将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。二、行内元素(内联元素)的特点1、大小受到文字区域的影响,不受到width、height影响。2、行内元素不会独自占满一行。例:1 2...
分类:
Web程序 时间:
2015-09-24 00:45:23
阅读次数:
306
常见的块级元素和行内元素一、块级元素 1、块级元素的特点: (1)、默认显示在父标签的左上角. (2)、块级元素默认占满一行(沾满整个文档流)。 2、常见的块级元素: 、、、、、、二、行内元素(内联元素) 1、行内元素的特点: (1)、大小受到文字区域的影响,不受到wid...
分类:
Web程序 时间:
2015-09-23 19:00:36
阅读次数:
348
块级元素:form、div、h1~h6、ul li、ol li、dl dd、p、table【块级元素转换为行内元素display:inline;display:inline-block:】行内元素:span、a、br(换行)、img(图片)、input(输入框)【块级元素转换为行内元素display...
分类:
Web程序 时间:
2015-09-23 16:25:33
阅读次数:
189