文档流: 普通流:上至下,左至右 浮动流:元素添加了float:; 定位流:添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流,不占位;默认参考浏览器零点) relative 相对定位(占据文档流,占位置;参考自身加载在页面中的位置) fixed ...
分类:
其他好文 时间:
2020-03-06 19:06:58
阅读次数:
57
作为一个有目标的人(目标是做一个好用的Bootstrap可视化编辑器,第一个版本已经实现,演示地址:https://vular.cn/rxeditor/,代码地址:https://github.com/vularsoft/rxeditor),工作比较积极,思维也比较活跃,睡眠相对较少。今早6:30就 ...
分类:
其他好文 时间:
2020-03-06 10:34:25
阅读次数:
65
<html> <head> <title>css的定位</title> <meta charset="UTF-8"/> <!-- css的定位学习: position 相对定位:relative 作用:相对元素原有位置移动指定的距离(相对的自己的原有位置) 可以使用top,left,right,bo ...
分类:
Web程序 时间:
2020-03-04 19:05:49
阅读次数:
62
BFC也是HTML中的一个盒子(看不见而已),只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类:
其他好文 时间:
2020-03-03 12:53:14
阅读次数:
63
学习要点 DOM分类 DOM节点间关系 访问DOM节点 节点的创建、添加、删除、替换 设置元素的样式 获取节点位置属性 DOM模型 DOM定义 DOM Core:W3C针对XML文档的操作规范。适用于XML和HTML。 HTML-DOM:W3C针对HTML文档的操作规范。只适用于HTML。 CSS- ...
分类:
编程语言 时间:
2020-03-03 01:20:29
阅读次数:
153
过度约束 什么是CSS 样式过度约束呢? 一、CSS代码不够精简 代码不够精简,添加过多不必要的约束 例如: 相对定位元素(position: relative; )的垂直位置由 top 和 bottom 决定,一般来说使用其中一个属性即可。 HTML <div> 我是相对定位元素 <div> CS ...
分类:
Web程序 时间:
2020-03-02 15:06:54
阅读次数:
134
元素为行内元素,设置父元素text-align:center; 如果元素宽度固定,可以设置左右margin为auto; 如果元素为绝对定位,设置父元素position为relative,元素设置为left:0;right:0;并设置margin:auto; 使用flex-box布局,是定justif ...
分类:
其他好文 时间:
2020-03-02 01:01:09
阅读次数:
76
使用flex-box布局(要注意flex在ie9以下是用不了的) eg,父元素{ justfy-content:center,align-item:center;display:flex;} 对于已知宽高的元素,可以父元素:position:relative; 子元素:position:absolu ...
分类:
其他好文 时间:
2020-03-02 00:41:00
阅读次数:
64