引言 盒子模型,英文即box model。无论是div、span、还是a都是盒子。 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。 所有HTML元素可以看作盒子,在CSS中,“box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model): 不同部分的说…

2021年11月28日 0条评论 111点热度 0人点赞 rainbow 阅读全文

引言 在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉。在此做一下总结,一是更深层次的了解什么是line-height,二是比较height与line-height的区别。 基本概念 行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什么关系呢,line-height与所属元素的height又有什么联系呢?好了,带着疑问,我们一同探究。 行高是指文…

2021年11月27日 0条评论 92点热度 0人点赞 rainbow 阅读全文

引言 感觉不掌握css的优先级会遇到很多奇奇怪怪的问题,没有 html 元素的样式没有按照着自己的逻辑推理来显示。想要搞清楚优先级的缘由就是 .head:hover,因为不知道优先级,结果导致 hover 失效了。当创建的样式表越来越复杂时,一个标签的样式将会受到越来越多的影响,这种影响可能来自周围的标签,也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。 继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下面的 HTML 结构: <div> <…

2021年11月27日 0条评论 105点热度 0人点赞 rainbow 阅读全文

css定义格式中逗号,空格,冒号,点号的含义 比如: 一:#a,b{…………} 二:#a b{…………} 三:#a:b{…………} 四:#a.b{…………} 这是四个分别代表着什么含义呢? 一、一个id叫a和一个标签是b的样式 二、一个id叫a下面的一个标签是b的样式 三、一个id叫a的伪类b,好像也没见过,例如:a:hover 四、一个id叫a的下面的class叫b的样式

2021年11月27日 0条评论 69点热度 0人点赞 rainbow 阅读全文

引言 选择鼠标指针浮动在其上的元素, 并设置其样式: a:hover { background-color: yellow; } 定义和用法 :hover 选择器用于选择鼠标指针浮动在上面的元素. :hover 选择器可用于所有元素, 不只是链接. :link 选择器设置指向未被访问页面的链接的样 :visited 选择器用于设置指向已被访问的页面的链接 :active 选择器用于活动链接. 在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后 (如果存在的话), 这样样式才能生效. …

2021年11月27日 0条评论 106点热度 0人点赞 rainbow 阅读全文

2021年11月26日 0条评论 72点热度 0人点赞 rainbow 阅读全文

快捷键 快速复制当前行到下一行:Shift+ALT+Down 删除一整行:CTRL+Shift+K 多处选中:CTRL+Shift+L 将某行向上移动一行:Alt+Up 将某行向下移动一行:Alt+Down 下一行行首:Ctrl+Enter 上一行行首:Ctrl+Shift+Enter 代码格式化 https://www.cnblogs.com/zhurong/p/12766148.html#_label3 配置作用范围 VSCode同一个设置项提供了不同作用范围的设置: - 全局设置,即 User Setting…

2021年11月26日 0条评论 84点热度 0人点赞 rainbow 阅读全文

高级前端(VUE)工程师 Web前端开发(vue 前端开发 web前端 HTML5 软件开发) 技能要求: 1、熟练掌握前端技术,有3年及以上开发经验; 2、熟练掌握HTML、CSS、JavaScript,深刻理解web标准; 3、精通JavaScript-Jquery, Vue.js / Angular.js,熟悉MVC; 4、精通使用Vue.js前端框架进行开发,熟悉ES6,Babel,组件化开发;熟练使用nodejs,webpack进行开发 ;

2021年11月26日 0条评论 83点热度 0人点赞 rainbow 阅读全文

以下命令可以参考一下. # Git global setup 设置全局的 git 用户 git config --global user.name your name git config --global user.email your email # Create a new repository 创建一个项目 git clone ssh://program_url.git cd program touch README.md git add README.md git commit -m add README…

2021年11月26日 0条评论 124点热度 0人点赞 rainbow 阅读全文

2021/11/26, 放在小房的阳台晒黄疸, 小房位置是东南角, 采光挺好的.

2021年11月26日 0条评论 108点热度 0人点赞 rainbow 阅读全文

引言 写 Java 的时候, 突然对这种泛型有点疑惑, 不确定是否能这么用, 但是写在 IDEA 中没有报错, 想必是可以的. private K key; private T data; 需要重温一下. 参考 暂无.

2021年11月25日 0条评论 93点热度 1人点赞 rainbow 阅读全文

引言 线段树是一个平衡的二叉树, 它将每个长度不为 1 的区间划分成左右两个区间递归求解. 令整个区间的长度为 $N$, 则其有 $N$ 个叶节点, 每个叶节点代表一个单位区间, 每个内部结点代表的区间为其两个儿子代表区间的联集. 这种数据结构可以方便的进行大部分的区间操作. 本处以一维的线段树为例. 令 $S$ 是一维线段的集合. 将这些线段的端点坐标由小到大排序, 令其为 $x_{1}, x_{2},\cdots , x_{m}$. 我们将被这些端点切分的每一个区间称为 单位区间(每个端点所在的位置会单独成为一…

2021年11月25日 0条评论 109点热度 0人点赞 rainbow 阅读全文

介绍 二叉树就是一颗普通的树, 就是父节点, 左子节点和右子节点, 但是还包括了以下的属性: 若任意节点的左子树不空, 则左子树上所有结点的值均小于它的根结点的值; 任意节点的右子树不空, 则右子树上所有结点的值均大于它的根结点的值; 任意节点的左, 右子树也分别为二叉查找树; 没有键值相等的节点. 练习 判断一棵满二叉树是否为二叉搜索树. 这得先搞清楚二叉树的满树的定义. 完全二叉树和满二叉树的相关定义可以看这里: 树, 二叉树 (完全二叉树, 满二叉树) 概念图解. 参考 https://www.jianshu…

2021年11月25日 0条评论 85点热度 0人点赞 rainbow 阅读全文

参考: https://www.cnblogs.com/chuck-study/p/15219544.html # 安装 mysql docker pull mysql docker run -d -it --name mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=WZS134125 mysql # 创建 wordpress mysql> CREATE database wordpress; # 创建用户 CREATE USER wordpress@'%…

2021年11月24日 0条评论 111点热度 0人点赞 rainbow 阅读全文

记得是在 2017 年还是在 2018 年的时候, 那时候在杭州工作, 用 wordpress 写了不少的博客, 也复制粘贴了很多的博客. 结果不了了之, 数据库, 上传的附件以及 wp-content 都被我删了, 啥也没有留下. 现如今我又回到了 wordpress 的怀抱, 不知道说啥了. 我这个人总是这样的, 干啥啥不行, 三天打渔两天晒网. 如今已经 31 了 (2021 年 11 月 24), 呵呵. 这次我发誓再也不折腾了样式了, 专注于内容创作, 字体我都不改一个. 2022 年 08 月 06 日…

2021年11月24日 0条评论 96点热度 0人点赞 rainbow 阅读全文