04 2020 档案
摘要:节点分类 node 元素节点 文本节点 属性节点 获取元素节点对象的方式 1. var eleNode = document.getElementById('idname'); 2. var olist = document.getElementsByTagName('li'); 获取所有的li标签
阅读全文
摘要:浏览器对象模型 --BOM-- 1. window alert() confirm() prompt() setInterval() setTimout() 2. location href hash url reload() 3. screen 4. history alert, confirm,
阅读全文
摘要:JS的引入方式 内接式 <script type="text/javascript"> xxx </script> 外接式 <script type="text/javascript" src = './index.js'></script> 调试语句 alert(''); 弹出窗口 console
阅读全文
摘要:z-index它有四大特性,每个特性你记住了,页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁,数值大的压盖住数值小的, 只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index,而浮动元素不能使用z-index z-index
阅读全文
摘要:相对定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right 特性: 1.不脱标
阅读全文
摘要:浮动元素的四大特性: 1.浮动的元素脱标(脱离标准文档流) 2.浮动的元素互相贴靠 3.浮动的元素由"子围"效果 4.收缩的效果 清除浮动的四种方法: 给父盒子设置高度 clear:both 伪元素清除法 overflow:hidden 伪元素清除法: div::after{ display: bl
阅读全文
摘要:width:内容的宽度 height: 内容的高度 padding:内边距,边框到内容的距离 border: 边框,就是指的盒子的宽度 margin:外边距,盒子边框到附近最近盒子的距离 盒子的真实宽度=width+2*padding+2*border 盒子的真实宽度=height+2*paddin
阅读全文
摘要:行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不能与其他任何元素并列; 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100% 块级元素可以转换为行内元素: 一旦,给一个块级元素(比如div)设置: display: inline; 那
阅读全文
摘要:常用背景相关属性: 属性描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-attachmen
阅读全文
摘要:字体属性和文本属性总结: 字体属性 1. 字体 font-family:"微软雅黑",“宋体”,...; 2. 字体大小 font-size: 20px; 像素单位:px,em,rem px: 绝对单位。一旦设置了值,不管网页如何变化始终如一 em: 相对单位。当前某块区域的字体大小,比如给p标签设
阅读全文
摘要:1. css的三种引入方式 内联式,嵌入式,外部式。 其中外部式最优 内联式不易维护,代码无法重用 嵌入式代码不能被多个文件重用 2. css常用选择器 语法: 选择符{ 属性:值 } 作用:选中页面中对应的标签,设置对应的样式 - 基础选择器 + 标签选择器 * 对页面中相同的元素,设置共同的属性
阅读全文
摘要:1. h1~h6 标题的系列标签 <h1>content</h1> 2. p 段落标签, 用于划分段落 <p></p> 3. strong/em 强调标签 strong用来加黑加粗,em用来使文字斜体显示。一般用strong修饰更多 <strong>content</strong> <em>cont
阅读全文
摘要:1. grep 文本过滤工具 grep -v content filename 排除包含content的行 grep -v "oldboy" test1.txt grep -n content filename 显示匹配的行以及行号 grep -n "oldboy" test1.txt grep -
阅读全文
摘要:1. cat 显示文件内容 cat file cat file1 file2 > newfile 合并文件1和文件2 cat >test.txt<<EOF 创建并编辑文件,输入EOF时退出 2. head 显示文件头部信息,默认10行 head -n file_name 显示n行 3. tail 显
阅读全文
摘要:1. pwd 显示当前路径 2. cd 切换目录 3. mkdir 创建文件夹 mkdir -p /test/aaa 递归创建文件夹 4. touch 创建文件 touch {0..10}.txt 批量创建文件 5. ls ll ls -l = ll 查询文件想信息 ls -a 查询文件,包含隐藏文
阅读全文
摘要:1. 命令行常用快捷方式 tab 路径补全,命令补全 crtl + a 光标回到行首 ctrl + e 光标回到行尾 ctrl + insert 复制命令行内容 shift + insert 复制命令行内容 crtl + c 终止当前运行进程 !num 执行第num条命令 command + --h
阅读全文

浙公网安备 33010602011771号