前端
cc超人不会飞
这个作者很懒,什么都没留下…
展开
-
【前端 js】 贪吃蛇小游戏
小游戏总共分为三个模块:1、食物 2、蛇 3、游戏对象 模块分类如下: 1、食物: //自调用函数 初始化食物 (function() { var elements = []; function Food(x, y, width, height, color) { this.x = x || 0; this.y = y || 0; ...原创 2020-06-15 17:01:08 · 259 阅读 · 0 评论 -
【css】 css通用样式
摘要: 1.本文分两部分代码,一部分结合Github上引用次数最多的necolas的通用浏览器初始化, 2.同时结合实际经验,引用了阿里云css对常用标签进行基本初始化,从而达到在项目开发中直接能引用. 1.浏览器初始化 目的:消除不同浏览器对HTML文本呈现的差异. 此处引用Github中necolas的浏览器初始化: http://necolas.github.io/normalize.css/ 2.常用标签的初始化 目的:一般标签在浏览器中都有默认样式,例如body标签...转载 2020-06-11 09:13:18 · 2140 阅读 · 0 评论 -
[前端-html/css] 深入理解CSS选择器优先级
什么是选择器优先级(Specificity) 直接复制了MDN对优先级的定义上的解释: 浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 这句话也是很抽象,暂且先不管它了。但是我们可以先看一个例子: HTML: <div id="content" class="content"> 我是什么颜色 </div> CSS: #content { color: #f00; } .co..转载 2020-06-04 00:25:56 · 165 阅读 · 0 评论 -
html+css 图片/文字与外层外边框底部间隙bug
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> bug问题:外层di.原创 2020-06-02 14:50:18 · 734 阅读 · 0 评论 -
前端外边距margin上下合并的解决方案
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .common{ width: 300px; height: 300px; background-color: pink; } .原创 2020-05-31 09:47:30 · 555 阅读 · 0 评论