- 博客(8)
- 收藏
- 关注
RSS订阅原创 DOM事件监听方法
1、使用事件处理器属性var btn = document.querySelector('button');function bgChange() { var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; document.body.style.backgroundColor ...
2020-02-18 12:42:13
2033
原创 DOM基本操作
1、添加新的节点 var li = document.createElement('li'); var span = document.createElement('span'); var btn_1 = document.createElement('button');var para = document.createElement('p'); //添加一个新元素para.t...
2020-02-17 23:00:44
78
原创 关于js事件的一些注意点
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>IFE ECMAScript</title></head><body><input id="first-number" type="number" valu...
2020-02-15 22:49:10
109
原创 CSS布局笔记（2）
三栏布局（两端固定宽度，中间自适应）1、利用position代码如下：<style> #left,#right{ position: absolute; top: 0px; width: 200px; height: 100%; } #...
2020-02-08 23:16:23
77
原创 CSS布局笔记（1）
1、采用 max-width 代替 width；margin: 0 auto 进行居中；2、* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}插入这样一段代码，可以保证元素框的宽度就是实际设置的宽度，内边距和边框不会再增加宽...
2020-02-08 16:53:14
96
原创 flexbox 弹性盒子布局
适用范围1、在父内容里面垂直居中一个块内容。2、使容器的所有子项占用等量的可用宽度/高度，而不管有多少宽度/高度可用。3、使多列布局中的所有列采用相同的高度，即使它们包含的内容量不同。、使用方法例如布局模式为：section -- article article article如图：父元素display标签设置为flex，父元素称为flex容器，子元素称为flex...
2020-02-08 14:23:57
138
原创 resume_style 3 心得
文字垂直居中如果是单行文字，且我们知道高度height，可以设置行高line_height和height一样；但是有时候会仍然无法居中，可以适当改变line_height来达到效果；水平居中很简单，在父元素框用text_align:center；padding 内边距高度溢出为了使 h3 和 p 标签不换行，我采用display：inline 将其设为行内元素，但是由此带来的问题是pa...
2020-02-07 18:18:11
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人