2016年8月6日
贪吃蛇全文
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>面向对象贪吃蛇</title> <style> html, body { margin: 0; padding: 0; background: rgb(162, 1 阅读全文
posted @ 2016-08-06 15:05 有着不该有的帅气 阅读(127) 评论(0) 推荐(0)
简单贪吃蛇
摘要： js代码： 游戏的对象 ，食物，蛇 ，游戏控制思路如下 （完整代码在https://github.com/774044859yf/ObjectSnakeGame下载） var snake = { 阅读全文
posted @ 2016-08-06 14:52 有着不该有的帅气 阅读(147) 评论(0) 推荐(0)
2016年8月5日
input多选计算
摘要： CSS代码： body { counter-reset: icecream; } input:checked { counter-increment: icecream; } .total::after { content: counter(icecream); } HTML代码： 下面中国十大冰淇淋你吃过几个？ 哈根达斯 和路雪wall's 八喜冰淇淋... 阅读全文
posted @ 2016-08-05 21:04 有着不该有的帅气 阅读(272) 评论(0) 推荐(0)
3d回顾
摘要： 手把手教你玩转 CSS3 3D 技术 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z 阅读全文
posted @ 2016-08-05 21:01 有着不该有的帅气 阅读(148) 评论(0) 推荐(0)
2016年8月3日
h5的特点
摘要： 关于HTML面试题汇总之H5 一、H5有哪些新特性，移除了哪些元素？如何处理h5新标签的浏览器兼容性问题，如何区分html和html5 1. html5不在是SGL（通用标记语言）的一个子集，而包含了：图像、位置、存储、多任务等功能 2. 新增的图像为canvas类，媒体回放video和audio元 阅读全文
posted @ 2016-08-03 14:40 有着不该有的帅气 阅读(1085) 评论(0) 推荐(0)
居中-强迫症我没办法解
摘要： CSS实现元素水平垂直居中—喜欢对称美，这病没得治 [TOC]在CSS中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用text-align:center;如果它是一个块级元素，就对它自身应用margin:auto。然而要对一个元素进行垂直居中，就有点束手无策了，本文介绍了几 阅读全文
posted @ 2016-08-03 14:36 有着不该有的帅气 阅读(299) 评论(0) 推荐(0)
小技巧-a标签去除蓝圈
摘要： 可以看到，蓝色的边框破坏了页面的整体美感，很多时候我们都是不需要的。通过设置相应的css可以去除点击过后的蓝色边框。 效果如图，点击过后厌人的蓝色的边框不见了，页面也美美的了！ 阅读全文
posted @ 2016-08-03 14:29 有着不该有的帅气 阅读(504) 评论(0) 推荐(0)
随笔之——各大热门网站search 搜索框的写法，浅析！
摘要： 随笔之——各大热门网站search 搜索框的写法，浅析！ 关于搜索框，写法有很多种，搜索框这一块是一个比较细的活，要先计算好他的高、宽； 下面我就以京东搜索框为例，给大家浅析一下。 上面就是最终search框效果图。 先送出代码>>>>>> 1 <span style="color: #ff00ff 阅读全文
posted @ 2016-08-03 14:21 有着不该有的帅气 阅读(238) 评论(0) 推荐(0)
Web前端开发css基础样式总结
摘要： 颜色和单位的使用 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做 阅读全文
posted @ 2016-08-03 13:59 有着不该有的帅气 阅读(1899) 评论(0) 推荐(0)
css3常用标签
摘要： 30个最常用css选择器解析 你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. * * { margin: 0; pad 阅读全文
posted @ 2016-08-03 09:07 有着不该有的帅气 阅读(385) 评论(0) 推荐(0)