2017年7月8日
z-index详细攻略
摘要： 概念 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素，position不为static且z-index存在的情况下 阅读全文
posted @ 2017-07-08 22:46 钢铁小坦克 阅读(202) 评论(0) 推荐(0) 编辑
伪元素
摘要： 原文出处： Thoriq Firdaus 译文出处：听海阁（@听海JamiE） 层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 你一定听说过这个词，尤 阅读全文
posted @ 2017-07-08 22:10 钢铁小坦克 阅读(219) 评论(0) 推荐(0) 编辑
2017年7月7日
CSS中em,rem的区别
摘要： 首先这两个单位一般用在移动端 不太清楚得求证 再记录 1、em w3cschool中给出css中尺寸单位如下： 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 12pt 显示，那么 2em 是24pt。 在 CSS 中，em 是非常有用的单位，因为它可以自动适应用 阅读全文
posted @ 2017-07-07 04:52 钢铁小坦克 阅读(226) 评论(0) 推荐(0) 编辑
2017年7月4日
Bootstrap自学笔记
摘要： <!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- 匹配移动端 移动端优先 --> <!-- 手机浏览器是把页面放在一个虚拟的窗口-viewport content:内容 device:设备 width:控制vi 阅读全文
posted @ 2017-07-04 05:59 钢铁小坦克 阅读(244) 评论(0) 推荐(0) 编辑
2017年7月2日
lable标签的妙用
摘要： 最近在设计网页时，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个<label></label>，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性 功能：表示Label标签要绑定的H 阅读全文
posted @ 2017-07-02 07:58 钢铁小坦克 阅读(325) 评论(0) 推荐(0) 编辑
2017年6月22日
Ajax
摘要： HTTP协议主要由请求和响应构成 请求由客户端发起，其规范格式为：请求行、请求头、请求主体。请求头由请求方式、请求URL和协议版本构成. X.readyState=1时 已经调用X.readyState=2时 接收到头信息X.readyState=3时 接收到响应主体X.readyState=4时 阅读全文
posted @ 2017-06-22 22:05 钢铁小坦克 阅读(177) 评论(0) 推荐(0) 编辑
2017年6月15日
基础小知识杂烩
摘要： text-align:center 设置文本或img标签等一些内联对象（或与之类似的元素）的居中 margin:0 auto 设置块元素（或与之类似的元素）的居中。 0表示top和bottom 何时应当使用margin：需要在border外侧添加空白时。空白处不需要背景（色）时。上下相连的两个盒子之 阅读全文
posted @ 2017-06-15 22:06 钢铁小坦克 阅读(134) 评论(0) 推荐(0) 编辑
用CSS3画出一个立方体---转
摘要： css3实践—创建3D立方体 要想实现3D的效果，其实非常简单，只需指定一个元素为容器并设置transform-style：preserve-3d，那么它的后代元素便会有3D效果。不过有很多需要注意的地方，这里把我学习的方法，过程分享给大家。再讲知识点之前，还是先弄清楚3D的坐标系吧，从网上搜了一张 阅读全文
posted @ 2017-06-15 00:16 钢铁小坦克 阅读(2491) 评论(0) 推荐(0) 编辑
2017年6月14日
CSS3方法总汇
摘要： PS：CSS3的3D和我做研发时的3D不一样他们只能旋转180度 横为X竖为Z高为Y transfrom:2D3D转换 rotareX:绕着X轴旋转 rotareY(-180deg):绕着Y轴旋转-180度 translateX(100px)沿着X轴移动100px scale()将元素尺寸扩大或缩小 阅读全文
posted @ 2017-06-14 01:32 钢铁小坦克 阅读(192) 评论(0) 推荐(0) 编辑
2017年6月13日
HTML5 DOM扩展
摘要： DOM相对应Html5的扩展 一.选择符API 1. querySelector()方法 ：接收一个CSS选择符 ，返回与该模式匹配的第一个元素，若没有匹配到返回null。 其中通过Document类型调用querySelector()方法时，会在文档元素范围内查找匹配元素； 如var body = 阅读全文
posted @ 2017-06-13 21:52 钢铁小坦克 阅读(417) 评论(0) 推荐(0) 编辑