前端
Triumph-light
在校大学生 学习前端
展开
-
清除浮动的三种方法
1.clearfix:before,.clearfix:after {content:"";display: table;}.clearfix:after {clear:both;}2.clearfix:after {visibility: hidden;clear: both;display: block;content: “.”;height: 0}.clearfix {*zoom: 1}原创 2021-10-07 20:14:28 · 199 阅读 · 0 评论 -
初始rem
在学习移动端时,涉及适应性布局(弹性布局),利用flexible.js文件,让界面可以随浏览器大小进行改变,但对基础概念不懂,写下笔记。解决pc端和移动端布局问题。rem是什么1.定义:rem(font size of the root element)是指相对于html根元素的字体大小的单位,它就是一个相对单位rem与px、em的区别:em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。原创 2021-09-30 14:21:46 · 126 阅读 · 0 评论 -
DOM事件流
DOM事件流定义:事件流指的是从页面中接受事件的顺序,事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即为DOM事件流。阶段:1.捕获阶段:事件从Document节点自上而下向目标节点传播的阶段2.当前目标阶段:真正的目标节点正在处理事件的阶段3.冒泡阶段:事件从目标节点自上而下向Document节点传播的阶段接下来测试一下:测试方法:利用方法监听注册事件方式来进行addEventListener事件监听方式:eventTarget.addEventListener(type事件原创 2021-09-07 19:37:58 · 133 阅读 · 0 评论 -
前端页面常用的css初始化代码
淘宝body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }h1, h2, h3,原创 2021-09-05 16:49:55 · 471 阅读 · 0 评论