06 2022 档案
摘要：什么是 BOM BOM （Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECM
阅读全文
摘要：永久更换 pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple 下面是常用国内源 阿里云 http://mirrors.aliyun.com/pypi/simple/ 豆瓣 http://pypi.douba
阅读全文
摘要：简介 由于 jupyter notebook 的界面不是很好看，所以抽时间折腾了修改了一下。 效果图 更改方法 修改 jupyter notebook 以下位置的样式文件： python根目录/lib/site-packages/notebook/static/custom/custom.css 将
阅读全文
摘要：简介 研究了很久的 windows 平台的终端方案，最终得出了 FluentTerminal 配合 oh-my-posh 的一套终端方案。 效果展示 FluentTerminal 一款美观的终端工具，个人感觉比 Windows Terminal 更加美观。 下载方式： 直接去微软自带的应用商店里面去
阅读全文
摘要：注册事件 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统方式和方法监听注册方式。 传统注册方式 使用 on 开头的事件 onclick <button onclick="alert('hi')"></button> btn.onclock = function(){} 特点：注
阅读全文
摘要：CSS3 新增选择器 属性选择器 属性选择器可以根据元素特定的属性来选择元素。这样就可以不借助于类或者id选择器。 利用属性选择器可以不用借助类和id选择器。 input[value] { } 以上选择器只选择具有 value 属性的 input。 属性选择器还可以选择 属性=值 的某些元素 inp
阅读全文
摘要：什么是DOM？ 文档对象模型（Document Object Model），是 W3C 组织推荐的处理可拓展标记语言（HTML或者XML）的编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些接口可以改变网页的内容、结构和样式。 DOM 树 文档：一个页面就是一个文档，DOM 中使用 do
阅读全文
摘要：注释 在 JavaScript 中有2种注释： 单行注释：// 默认快捷键 ctrl + / 多行注释：/* 默认快捷键 shift + alt + a */ 输入输出语句 | 方法 | 说明 | 归属 | | | | | | alert(msg) | 浏览器弹出警示框 | 浏览器 | | cons
阅读全文
摘要：HTML5 新增的语义化标签 1. <header> 头部标签 2. <nav> 导航标签 3. <article> 内容标签 4. <section> 定义文档某个区域 5. <aside> 侧边栏标签 6. <footer> 尾部标签 注意： 这些语义化标准主要是针对搜索引擎的 这些新标签页面中
阅读全文
摘要：精灵图 什么是精灵图 在网页中，往往会用到许多图像来修饰网页元素，将这些所需要的元素都放到一张图中，这就是精灵图。 为什么需要精灵图 如果网页中所使用的图修饰较多，那么就会导致网页频繁请求服务器，造成服务器压力过大，倒是页面的加载速度变慢。 ==为了有效降低服务器接收和发送请求的次数，提高页面加载速
阅读全文
摘要：vertical-align CSS的vertical-align属性的使用场景：经常设置图片或者表单（行内块元素）和文字垂直对齐。 只针对==行内元素或行内块元素起效== 语法： vertical-align: baseline | top | middle | bottom | 值 | 描述 |
阅读全文
摘要：鼠标样式 cursor 可以给元素添加cursor属性来控制经过其的鼠标样式。 { cursor: pointer; } | 属性 | 描述 | | | | | default | 小白 默认 | | pointer | 小手 | | move | 移动十字架 | | text | 文本 | | n
阅读全文
摘要：在网页布局中有许多的小图标，这些图标都是由字体图标来进行实现的。 字体图标的产生 在早期这些字体图标也使用精灵图进行实现，但是精灵图也有其自身缺点： 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要变更非常复杂。 此时，字体图标的技术就完美的解决了以上的问题 字体图标可以为前
阅读全文
摘要：在网页布局中有许多的小图标，这些图标都是由字体图标来进行实现的。 字体图标的产生 在早期这些字体图标也使用精灵图进行实现，但是精灵图也有其自身缺点： 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要变更非常复杂。 此时，==字体图标==的技术就完美的解决了以上的问题 ==字体
阅读全文
摘要：有些时候，网页中会有对话窗弹出，其中就需要引入三角元素，来标识是哪个元素弹出的对话框。 三角形的制作 三角形的制作使用 border 来进行制作。 当我们给一个盒子指定了大小为0，四个边框有大小且不同颜色时，这四个边框就会以三角的形式展现。 .box { width: 0; height: 0; b
阅读全文
摘要：属性书写顺序 布局定位属性：display / position / float / clear / visibility / overflow 自身属性：width / height / margin / padding / border / background 文本属性：color / foo
阅读全文
摘要：传统网页布局的三种模式 网页布局的本质就是用CSS来摆放盒子。把盒子摆放到相应的位置。 CSS 提供了三种创痛布局方式 （通俗说来就是盒子如何进行排序） 标准流（普通流/文档流） 浮动 定位 标准流 所谓的标准流：就是标签按照规定好默认方式排列。 块级元素会独占一行，从上向下顺序排列。 常用元素：d
阅读全文
摘要：为什么需要定位 有些元素的位置比较刁钻，使用标准流和浮动很难实现。定位为我们解决了这个困难。 定位可以让某一元素自由的在一个盒子中移动位置或者固定屏幕中某个位置，并且压住其他盒子。 定位组成 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。 ==定位 = 定位模式 + 边
阅读全文
摘要：font 字体属性 | 属性 | 表示 | 注意点 | | : : | : : | : : | | font-size | 字号 | 通常单位是px像素 | | font-family | 字体 | 字体之间用逗号隔开，如果字体名字有空格需要用单引号 | | font-weight | 字体粗细 |
阅读全文
摘要：盒子模型组成 盒子模型就是吧HTML页面中的布局元素看作是一个矩形盒子，也就是一个承装内容的容器。 CSS盒子模型的本质就是一个盒子，封装周围的HTML元素，它包括：边距(border)、外边距(margin)、内边距(padding)和实际内容(content)。 Margin(外边距) - 清除
阅读全文
摘要：层叠性 相同的选择器设置相同的样式，此时一个样式就会覆盖另一个样式。解决了样式冲突的问题。 层叠性原则 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行那个样式 样式不冲突，不会层叠 继承性 CSS中子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。 恰当的使用继承可
阅读全文
摘要：元素的显示模式 元素的显示模式就是元素以生么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。 HTML元素一般分为块元素和行内元素。 块元素 常见的块元素有<h1>~<h6>,<p>,<div>,<ul>,<li>等，其中<div>是最典型的块元素。 特点 块元素独占一行。
阅读全文
摘要：选择器 基础选择器 标签选择器 标签选择器可以把一类标签全部选择出来，能快速为同类标签统一设置样式，但是无法做出差异化设置。 <style> div { color: green; } </style> <body> <div> 标签选择器 </div> </body> 类选择器 可以给需要修改样式
阅读全文
