
前端
Super--rookie
一路上风景固然很好,但别忘了最终的目的地
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端笔记-01(盒模型/a标签/鼠标形状/)
标准盒模型box-sizing:content-box盒子的大小会随着padding,border,margin属性的设置变化大小怪异盒模型box-sizing:border-box和标准盒模型相反,盒子的大小会一直遵从最初设置,不会改变a标签的几种伪类hover:鼠标覆盖active:点击时link:未访问after:点击后的鼠标的形状的改变cursor:改变鼠标的形...原创 2018-11-13 00:07:58 · 219 阅读 · 0 评论 -
JS--鼠标拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-10 23:22:38 · 140 阅读 · 0 评论 -
JS--放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-10 23:20:41 · 342 阅读 · 0 评论 -
无缝轮播图2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-10 23:19:28 · 264 阅读 · 0 评论 -
无缝轮播图1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-10 23:18:32 · 200 阅读 · 0 评论 -
显示隐藏轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-10 23:17:38 · 1223 阅读 · 0 评论 -
节点
<div id="div1">hello world <ul> <li>111</li> <li>222</li> <li>333</li> </ul></di原创 2019-01-10 23:15:14 · 184 阅读 · 0 评论 -
前端-demo(旋转立方体)
旋转立方体刚开始学,可能不是很好,各位看官凑合着看吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-原创 2018-11-17 21:42:05 · 819 阅读 · 0 评论 -
前端-demo(天猫静态页面)
HTML样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-11-17 21:39:33 · 3064 阅读 · 1 评论 -
前端笔记-05(float浮动塌陷问题的解决)
塌陷子元素脱离文档流导致父元素高度为0就是元素塌陷问题用float属性浮动后,会释放空间,造成塌陷解决塌陷:1 父元素加 overflow:hidden;2 给父元素设置高度3 给浮动元素加兄弟元素,然后在兄弟元素中清楚浮动 clear: both;4 给父元素加::after伪元素 display为块级 clear:both;直接上代码啦:解决方案是注...原创 2018-11-17 21:09:23 · 227 阅读 · 0 评论 -
前端笔记-04(CSS3选择器)
E F选择E的所有后代为F的元素E &gt; F选择E的所有子代为F的元素E + F选择和E相邻的为F的兄弟元素 ,父元素必须相同** E ~ F**选择和E的所有的为F的兄弟元素 ,父元素必须相同E[Alt]选择E的属性中含有Alt的的元素E[Alt=“AA”]选择E的属性中含有Alt且Alt的值为AA的元素** E[Alt^=“AA”]**选择E的属性中含有Alt且属...原创 2018-11-13 20:52:29 · 152 阅读 · 0 评论 -
前端学习-03(块级,行级,行块级元素的分类及其属性)
块级,行级,行块级元素的分类块级:display:block块级元素1:一个占一行2:可以设置宽d度和高度,margin,border,padding3:元素宽度若不设置,则为其父元素的100% - &amp;amp;amp;lt; div&amp;amp;amp;gt; 行级:display :inline行级元素1:多个占一行2:不可以设置宽度和高度3:元素的宽高为它所...原创 2018-11-13 00:07:26 · 241 阅读 · 0 评论 -
前端笔记-02(盒模型外边距合并)
盒模型外边距合并问题若为兄弟元素,则按比较大的边距合并若为父子的解决方案1:父元素加:overflow:hidden;2: 父元素加边框border或padding属性;3: 父元素或子元素浮动;4: 父元素或子元素定位;&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&a原创 2018-11-13 00:07:44 · 175 阅读 · 0 评论 -
ES5的继承
原型链实现继承基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法,即让原型对象等于另一个类型的实例(即要继承的对象的实例)原型链式继承 function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = funct...原创 2019-04-29 16:26:05 · 585 阅读 · 0 评论