理解:所有的元素都可以看作是盒子,包括内容、内边距、边框、外边距组成 margin:外边框,在最外侧,有上下左右四个方向 margin-top 用来设置盒子上部的外边距 margin-bottom 用来设置盒子下部的外边距 margin-left 用来设置盒子左侧的外边距 margin-right ...
分类:
其他好文 时间:
2019-05-30 17:56:56
阅读次数:
103
首先要创建一个工具栏。并为工具栏中的放大、缩小button定义事件。 <div id="toolbar" style="float:left;margin-top:5px;margin-left: 5px;line-height: 35px;"> <img src="src/images/zoomi ...
分类:
其他好文 时间:
2019-05-23 17:02:29
阅读次数:
276
Bootstrap 实例 - 代码 <header> 作为内联元素被包围。 如果需要把代码显示为一个独立的块元素,请使用 <pre> 标签: <article> <h1... ...
分类:
其他好文 时间:
2019-05-19 11:56:49
阅读次数:
85
none:隐藏对应元素,不为隐藏的对象保留其物理空间 block:指定对象为块元素 inline:指定对象为内联元素 inline-block:指定对象为内联块元素 table:指定对象为块元素的表格 list-item:指定对象为列表项目 flex:将对象作为弹性伸缩盒显示 ...
分类:
其他好文 时间:
2019-05-13 23:15:55
阅读次数:
150
一、html元素可分为三大类:块元素、内联元素、可变元素 1.块元素: 常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption 块状元素特点: (a)以块的形式显示为一个矩形区域; (b)块状元素独占一行,自 ...
分类:
Web程序 时间:
2019-05-11 19:34:48
阅读次数:
212
对所有的块元素都没有意义,块元素的dispaly属性默认值为block,没必要再显式定义——除非你之前对块元素的display属性重新定义过。 多罗嗦一句: display:block;比较常用于这两个标签——因为这两个标签非块元素,如果不用display:block定义一下,那么定义width、h ...
分类:
其他好文 时间:
2019-05-10 23:21:52
阅读次数:
161
在html中元素主要分为行内元素和块级元素行内元素不独占一行书写完成后不会自动换行没有宽和高块级元素独占一行书写完会自动换行宽和高可以修改还有一种特殊的元素叫作行内块级元素;值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1新增的值)list-i
分类:
其他好文 时间:
2019-05-09 15:37:12
阅读次数:
117
1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下,从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类:
Web程序 时间:
2019-05-03 14:23:45
阅读次数:
135
<div class="right"></div> <div class="left"></div> *{ padding: 0; margin: 0; } .right{ position: absolute; /*成了行级块元素,脱了文档流,那么它后面的兄弟会补位上去*/ right: 0; w ...
分类:
Web程序 时间:
2019-05-03 09:50:59
阅读次数:
325
1.如何让单行文本垂直居中?height和line-height的值相同,文本就会居中, 首行缩进:text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高:line-height:1.2em。 2.图片是行内块元素,只要是inline属性都具 ...
分类:
其他好文 时间:
2019-05-03 09:16:10
阅读次数:
114