- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 CSS垂直居中的常用方法
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); }2.若父容器下只有一个元素，且父元素设置
2018-04-20 20:42:45
146
原创 Flex布局实例
一、骰子的布局骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现，从1个点到9个点的布局如果不加说明，本节的HTML模板一律如下<div class="box"> <span class="item"></span></div>上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。如果有多个项目，就要添加多个span元素，以此类推。
2018-04-20 19:27:15
279
原创 Flex布局语法
一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display
2018-04-14 20:25:19
232
原创 初识AJAX
什么是ajaxAJAX即“Asynchronous JavaScript and XML”（非同步的JavaScript和XML） 传统的Web应用允许用户端填写表单（form），当提交表单时就向网页服务器发送一个请求。服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向服务器发送请求，应用的回
2018-04-14 19:22:54
157
原创 前端面试题
请写出一个符合 W3C 规范的 HTML 文件，要求页面标题为「我的页面」页面中引入了一个外部 CSS 文件，文件路径为 /style.css页面中引入了另一个外部 CSS 文件，路径为 /print.css，该文件仅在打印时生效页面中引入了另一个外部 CSS 文件，路径为 /mobile.css，该文件仅在设备宽度小于 500 像素时生效页面中引入了一个外部 JS 文件，路径为 /...
2018-04-08 21:33:11
1069
转载 js中的立即执行函数
相信大家经常会遇到下面这两种写法：(function(){ ... })()和(function(){ ... }())关于这样写是什么意思呢？有什么区别呢？在此之前，我们需要了解几个概念：函数声明、函数表达式、匿名函数 函数声明： function fnName() {…} ； 使用 function 关键字声明一个函数，再执行一个函数名，叫函数声明。函数表达式： var fnName =
2018-04-08 19:29:55
137
转载 JavaScript中的事件冒泡与捕获
事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 考虑下面这段代码<div id="outer"> <p id="inner">Click me!</p></div>上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，那么我们怎么才能知道哪一个函数会首先被触发呢？ 为了解决这个问题微软和网景提出
2018-04-04 10:03:43
165
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人