对基础知识再度做个巩固和梳理。 一、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
在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
Article标签:表示包含于一个文档,页面,应用程序或网站中的一段独立的内容,也就是说,他能独立地被发布或重新使用 例子: 一篇博客 一个论坛的帖子 一片新闻报道 用户评论 header标签:一般被放置在页面的顶部,或者页面中某个区块元素的顶部,包含整个页面或区块标题,简介等信息。 例子: 一个文 ...
分类:
其他好文 时间:
2018-10-04 14:07:05
阅读次数:
236
标准流: 从左到右,从上到下块级元素独占一行,行内元素碰到父盒子边缘换行 浮动: 特点 1 元素浮动之后不占据原来的位置(脱标),变成立体,下面可以有东西,只影响下面的 2 浮动的盒子在一行上显示 3 行内元素浮动之后转换为行内块元素(可以定义宽高)。(不推荐使用,转行内元素最好使用display: ...
分类:
Web程序 时间:
2018-10-01 19:12:21
阅读次数:
309
行内元素又叫内联元素: 内联元素只能容纳或者其他内联元素,常见内联元素<span><a> 块内元素 块元素一般都从新行开始,可以容纳文本,其他内联元素和其他块元素,即使内容不能占满一行,块元素也要把整行占满。常见块元素<div>,<p> 行内元素:(inline element),特点是只占内容的宽 ...
分类:
其他好文 时间:
2018-09-30 14:40:47
阅读次数:
122