对基础知识再度做个巩固和梳理。 一、position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位; 2.relative:生成相对定位的元素,相对于其所在普通的文档流位置进行定位; 3.static:默认值,没有 ...
分类:
Web程序 时间:
2018-10-14 11:28:02
阅读次数:
155
可以通过 <div> 和 <span> 将 HTML 元素组合起来。 1、HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 块级元素在浏览器显示时,通常会以新行来开 ...
分类:
Web程序 时间:
2018-10-13 18:10:28
阅读次数:
218
1、网页中去滚动条的属性 overflow:hidden; overflow-x:hidden;水平超出隐藏 2、z-index 层次叠加 元素重叠 谁的值大谁就在上边 当 当前元素有float和父级元素有relative的时候,则z-index会失效 z-index和position:absolu ...
分类:
其他好文 时间:
2018-10-11 10:22:29
阅读次数:
140
块元素位置居中有两种存在: 一种是有两个块元素,其中一个块元素相对另外一个块元素居中; 另外一种是一个块元素相对于顶级父容器居中 第一种实现方式如下: 效果图: 第二种实现方法如下: 实现效果: 在这里顺便记录一下上面个代码用到的一个属性position以及这个属性的值的各种含义 定义: ositi ...
分类:
Web程序 时间:
2018-10-10 17:20:42
阅读次数:
659
overflow-x:hidden; 水平超出的隐藏。 (1) 父级出现position:relative;时候z-index失效 (2) 层叠元素出现float的时候会失效 (3) 层叠元素也得设置position:absolute/fixed. Background-position:0% 50 ...
分类:
其他好文 时间:
2018-10-09 19:57:53
阅读次数:
165
Font 系列 text系列 color line-height 四个值的顺序是 左上 右上 右下 左下。 宽高必须是0 Margin是 外边距,属性值是数字 数字又分正负。 正数:margin:20px; 负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margi ...
分类:
其他好文 时间:
2018-10-09 19:57:04
阅读次数:
139
div{ width: 100px; height: 100px; background: green; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;} 注释:DIV绝对定位,距顶和距左 ...
分类:
其他好文 时间:
2018-10-08 11:21:12
阅读次数:
147
首先看一下问题案例 .wrapper{ width: 100px; height: 100px; background-color: aqua; margin-top: 100px; margin-left: 100px; } .inner{ width: 50px; height: 50px; m ...
分类:
其他好文 时间:
2018-10-06 21:29:27
阅读次数:
271
在html中,元素主要分为行内元素和块级元素; 行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。 块级元素写完后会自动换行,有宽高可以修改。 还有一种特殊的元素叫做行内块元素。 大致分内是: 行内元素有:heda meat title lable span br a style em b ...
分类:
Web程序 时间:
2018-10-05 21:06:14
阅读次数:
230
HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 在浏览器显示如下 ...
分类:
Web程序 时间:
2018-10-04 18:23:36
阅读次数:
214