一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无 ...
分类:
Web程序 时间:
2018-06-09 14:35:45
阅读次数:
253
一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无 ...
分类:
Web程序 时间:
2018-06-09 13:14:33
阅读次数:
149
1、标准文档流 2、display:行内元素与块级元素的转换 3、浮动 (1)脱离了标准文档流 (2)互相贴靠 (3)字围效果 (4)收缩 4、浮动产生的问题 5、清除浮动 (1)父元素设定高度 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...
分类:
Web程序 时间:
2018-06-02 19:39:17
阅读次数:
219
一直对块级元素和行内元素的区别和特性有点模糊,于是各方参考总结一下,方便自己梳理知识: 首先说一下什么是块级元素和行内元素块级元素,指自动占一行的元素,下一个元素(标签)会在新行开始,这行就是这个块级元素的地盘。例: 效果(注:div为块级元素): 行内元素,与块级元素相对,它不会占一行,两个(甚至 ...
分类:
其他好文 时间:
2018-05-29 14:01:51
阅读次数:
145
一般来说,html的元素分为两种,即块级元素和行内元素。 块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。 行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素 ...
分类:
其他好文 时间:
2018-05-29 00:14:50
阅读次数:
147
css属性 HTML标签的分类 1.块级标签(div,p,h1~h6,hr,ul li,table tr) 特点:单独占一行 2.行内标签(a,span,input,img) 特点:一行可以放多个 宽和高 width属性可以为元素设置高度 height属性可以为元素设置高度 块级标签才能设置高度,内 ...
分类:
Web程序 时间:
2018-05-28 18:29:55
阅读次数:
222
HTML哪些是块级元素,哪些是行内元素、 块级元素:块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h ...
分类:
其他好文 时间:
2018-05-28 17:58:19
阅读次数:
135
a标签是行内元素,文档流中的行内元素无法设置宽高,要设置a标签的宽高可以通过设置生成框类型display:block变成块级元素 或者通过设置绝对定位或者浮动,会自动变成块框(即变成块元素) 但是,当行末的一个单词或者一串数字太长,这时候是不会自动换行的,需要重新设置CSS: "word-break ...
分类:
其他好文 时间:
2018-05-27 16:23:44
阅读次数:
195
以往写显示隐藏效果时,一般都习惯将display值设为none和block,隐藏是对的,就是display='none',但显示时我们一昧的display='block'会将行内元素变成块级元素,或许你不太在意,但这始终是不对的。 那么该怎么来判断在元素显示时给它的display值设为block还是 ...
分类:
其他好文 时间:
2018-05-25 19:17:36
阅读次数:
181
块级元素和行级元素區分對比 块级元素獨占一行 行级元素在同一行(空間足夠的情況下) 用途:例如我們分別需要在上下左右分別設置文字圍繞 理解了块级元素,行级元素就非常容易了 --> 等行级元素 設置{style=“width:100px;height:100px”}這種樣式是無效的 少數比... ...
分类:
Web程序 时间:
2018-05-25 10:54:27
阅读次数:
175