static ①元素的位置是在文档正常布局流中的位置。 ②设置top right bottom left与z-index无效。 ③在未指定position时,static是默认值 以下例子进行说明: 运行结果: 结果说明: relative (相对定位) ① 元素先放置在未添加定位时的位置(即文档正 ...
分类:
Web程序 时间:
2018-11-15 17:12:27
阅读次数:
149
布局是CSS中一个重要部分,下面总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现)。 一、居中方式 水平居中 水平居中对于子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布局方案是不同。 行 ...
分类:
Web程序 时间:
2018-11-09 19:26:48
阅读次数:
217
什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context,块级格式化上下文,一个独立的块级渲染区域,该区域拥有一套渲染规 ...
分类:
Web程序 时间:
2018-11-05 20:52:46
阅读次数:
248
弹性盒×××性盒子是一种新技术,但在如今各个浏览器都广泛支持的情况下,它已经开始准备广泛应用了。弹性盒子提供了工具,允许快速创建曾经被证明用CSS很难实现的一些复杂,灵活的布局和功能。为什么是弹性盒子?长久以来,唯一可用的且有稳定的跨浏览器兼容性的能用来构建CSS布局的工具只有floats和positioning。它们是既可行,表现也不错的布局方案,但是在某些布局方面它们就有限制,并且难以实现。以下
分类:
Web程序 时间:
2018-11-05 17:25:11
阅读次数:
142
第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚 ...
分类:
其他好文 时间:
2018-10-30 11:22:25
阅读次数:
123
1.JS找字符串中出现最多的字符 例如:求字符串'nininihaoa'中出现次数最多字符 方法一: 结果如图所示: 方法二,当然还可以使用reduce方法来实现: 想详细了解reduce()方法,可以参考:《JS数组reduce()方法详解及高级技巧》 2.JS实现九九乘法表 jQuery实现方式 ...
分类:
Web程序 时间:
2018-10-29 20:40:56
阅读次数:
234
css页面布局实现,内容部分自适应屏幕,当内容高度小于浏览器窗口高度时,页脚在浏览器窗口底部;当内容高度高于浏览器窗口高度时,页脚自动被撑到窗口底部。 css如下: <style type="text/css"> * { margin: 0; padding: 0; box-sizing: bord ...
分类:
Web程序 时间:
2018-10-25 15:45:06
阅读次数:
203
怎么预览 GitHub 项目里的网页? 一、 在项目源代码页面链接前缀那加上http://htmlpreview.github.com/?举个例子:需要打开的项目页面https://github.com/aisinvon/aisinvon.github.io/blob/master/index.ht ...
分类:
Web程序 时间:
2018-10-25 00:32:14
阅读次数:
260
"display"属性 它们的默认值通常是 block 或 inline 。 一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。 块级元素block div 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。 其他常用的块级元素包括 p 、 for ...
分类:
Web程序 时间:
2018-10-18 22:03:59
阅读次数:
240
—.单位 1.px 就是一个基本单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以 em 前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。 3.rem 也是一个单位,只跟根节点<html>的字体大小有关。如果没有默认就是16px.。 4.line- ...
分类:
Web程序 时间:
2018-10-16 13:43:31
阅读次数:
106