css浮动
网页布局
标准流
块级元素:独占一行,从上向下顺序排列。
常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table
行内元素:按照顺序从左到右顺序排列,碰到父元素边缘则自动换行。
常用元素:span、a、i、em等
以上都是标准流布局,标准流是最基本的布局方式。
浮动
定位
浮动
float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
1float: left; /*right/none*/
浮动和标准流的父盒子搭配。
先用标准流的父元素排列上下位置, 之后内部子元素采取浮动排列左右位置
一个元素浮动了,理论上其余的兄弟元素也要浮动。
一个盒子里面有多个子盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防止引起问题。
浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流。
清除浮动
为什么要清除浮动
由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。
清除浮动本质
清除浮动的本质是清除浮动元素造成的影响
...
盒子边框
边框
12345border-width/*定义边框粗细,单位px*/border-style /*边框样式 solid实先 dashed虚线 dotted点线 */border-color /*边框颜色*/border: 1px solid red; /*简写*/border-collapse:collapse; /*表示相邻边框合并*/
内边距
padding内边距,即边框和内容之间的距离
1234567padding:5px; /*上下左右都有5像素内边距*/padding:5px 10px; /*上下5px,左右10px*/padding:5px 10px 20px; /*上内边距5px,左右10px,下20px*/padding:5px 10px 20px 30px; /*上5,右10,下20,左30*/
外边距
margin 用于设置外边距,即控制盒子和盒子之间的距离。
块级盒子水平居中
外边距可以让块级盒子水平居中,但是必须满足两个条件:
①盒子必须指定了宽度(width)。
②盒子左右的外边距都设置为auto 。
123456789.header{ widt ...
讲座,机会,关系
换新电脑了,开心o( ̄▽ ̄)ブ
旧电脑有些年头了,太卡了,打开个VS Code都要卡好久,严重影响心情……趁着618在京东入手了荣耀Magicbook pro 2020,我的要求不高,能满足日常学习娱乐就行。新电脑体验不错,激活电脑后就在新电脑上部署了Hexo博客,参考了这篇教程。
在新电脑上部署Hexo
讲座
前不久听了一位学长的讲座,学长现在在字节跳动实习,做着我憧憬的工作👨💻。
学长是我们学院信科专业的,考上了北京理工大学的研究生。他讲了大学、考研、实习经历,听后我很佩服,也很羡慕。想起了薛兆丰的话,大意是:**看见别人打到鱼你也要打鱼,你有网吗?打鱼只要一天,织网呢?**是啊,我只看到了他收获的果实,却没看到他为此付出的努力。即使天资聪颖的人想要成功,都要付出努力,何况平庸的我呢!他做的是前端岗位,我也对前端很感兴趣。讲座后他展示了他的微信,我加了,但一直没敢聊天,内向+不知道说些什么……
机会
在日常生活中,我们会得到很多机会,但我大都没把握住。
军训休息时,我们连和十二连一起做游戏。1v1蒙眼pk,最先碰到头的人胜。十二连的人都很积极,我们连仅有几个人参与,我也一直没 ...
typora+picgo+Gitee实现图片上传
Typora 设置上传图片功能,图片可以自动提交到图床,大大提高了工作效率。如何将Typora编辑器中的图片上传到自己的图床,我们将用Typora+PicGo+Gitee实现图片上传。
Gitee
1.注册、登录码云
Gitee网址:https://gitee.com (注册登录操作不再介绍)
2.创建一个仓库当做图床
注意我标红的地方,然后选择创建就ok了。
3.创建私人令牌
找到设置——安全设置——生成新令牌
描述私人令牌,选择projects,提交。==复制令牌,可以记录在text等地方,稍后会用到。==
PicGo
一款可以上传、管理图床的工具,支持腾讯图床、七牛图床等多种图床,可以自己探索。本篇用的是GItee图床。
1.下载、安装PicGo
下载地址:https://github.com/Molunerfinn/picgo/releases
选择自己的版本,下载安装即可。
2.安装Gitee插件
注:若没有 node.js ,无法安装Gitee插件。官网:https://nodejs.org/zh-cn 下载安装即可。
一切顺利,打开PicGO——插件设置——搜索 ...
每日一道c语言
我又来给自己挖坑了,定个小目标。从今天起每天一道c语言,争取做够100道。
5.8
题目:有1、2、3、4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少?
程序分析:可填在百位、十位、个位的数字都是1、2、3、4。组成所有的排列后再去 掉不满足条件的排列。
123456789101112131415161718192021#include<stdio.h>int main(){ int i, j, k; for (i = 1; i < 5; i++) // 以下为三重循环 { for (j = 1; j < 5; j++) { for (k = 1; k < 5; k++) // 确保i、j、k三位互不相同 { if (i != k && i != j && j != k) { ...
为hexo内的文章加密
最近,我的博客地址被朋友知道了。这使我有些顾虑,写什么也变得不自在。每个人都有秘密,或许藏在心里,或许告诉亲密的人,或许分享给陌生人。
每个人都很难精神裸体,至少我很难。如果我写什么都要被朋友看到,那和发朋友圈有什么区别。于是决定给一些文章加密,密码统一为我全球最大的同性交友网站的用户名(你懂的,手动狗头)。
下面分享一下为hexo内文章加密的一种方法。
安装
1npm install --save hexo-blog-encrypt
快速开始
在 站点配置文件 中启用该插件:
12encrypt: enable: true
然后在文章头部添加上对应的字段,如 password, abstract, message
123456---keywords: 博客文章密码password: bugaosuniabstract: 这是一篇加密的文章message: 输入密码,查看文章---
password: 博客文章加密使用的密码
abstract: 文章摘要,会显示在博客的列表页
message: 博客查看时,密码输入框上面的描述性文字
Linux磁盘管理
Linux磁盘管理好坏直接关系到整个系统的性能问题。
Linux磁盘管理常用命令为 df、du。
df :列出文件系统的整体磁盘使用量
du:检查磁盘空间使用量
df
df命令参数功能:检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了多少空间,目前还剩下多少空间等信息。
语法:
1df [-ahikHTm] [目录或文件名]
选项与参数:
-a :列出所有的文件系统,包括系统特有的 /proc 等文件系统;
-k :以 KBytes 的容量显示各文件系统;
-m :以 MBytes 的容量显示各文件系统;
-h :以人们较易阅读的 GBytes, MBytes, KBytes 等格式自行显示;
-H :以 M=1000K 取代 M=1024K 的进位方式;
-T :显示文件系统类型, 连同该 partition 的 filesystem 名称 (例如 ext3) 也列出;
-i :不用硬盘容量,而以 inode 的数量来显示
测试:
12345678910111213141516171819202122232425262728293031323334353637 ...
Linux用户和用户组的管理
Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管理员申请一个账号,然后以这个账号的身份进入系统。
用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪,并控制他们对系统资源的访问;另一方面也可以帮助用户组织文件,并为用户提供安全性保护。
每个用户账号都拥有一个唯一的用户名和各自的口令。
用户在登录时键入正确的用户名和口令后,就能够进入系统和自己的主目录。
实现用户账号的管理,要完成的工作主要有如下几个方面:
用户账号的添加、删除与修改。
用户口令的管理。
用户组的管理。
一、用户账号管理
1、添加账户
1useradd 选项 用户名
-c comment 指定一段注释性描述。
-d 目录 指定用户主目录,如果此目录不存在,则同时使用-m选项,可以创建主目录。
-g 用户组 指定用户所属的用户组。
-G 用户组,用户组 指定用户所属的附加组。
-s Shell文件 指定用户的登录Shell。
-u 用户号 指定用户的用户号,如果同时有-o选项,则可以重复使用其他用户的标识号。
1# useradd –d /home/sam ...
vim的使用
什么是 vim?
Vim是从 vi 发展出来的一个文本编辑器。代码补完、编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用。 vim 是一个程序开发工具而不是文字处理软件。
vim 键盘图:
vi/vim 的使用
基本上 vi/vim 共分为三种模式,分别是命令模式(Command mode),输入模式(Insert mode)和底线命令模式(Last line mode)。 这三种模式的作用分别是:
命令模式:
用户刚刚启动 vi/vim,便进入了命令模式。
此状态下敲击键盘动作会被Vim识别为命令,而非输入字符。比如我们此时按下i,并不会输入一个字符,i被当作了一个命令。
以下是常用的几个命令:
i 切换到输入模式,以输入字符。
x 删除当前光标所在处的字符。
: 切换到底线命令模式,以在最底一行输入命令。
若想要编辑文本:启动Vim,进入了命令模式,按下i,切换到输入模式。
命令模式只有一些最基本的命令,因此仍要依靠底线命令模式输入更多命令。
输入模式
在命令模式下按下i就进入了输入模式。
在输入模式中,可以使用以下按键:
字符按键以及Shift组合,输入字符 ...
Linux基础命令(2)
看懂文件属性
Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限。为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定。
在Linux中我们可以使用ll或者ls –l命令来显示一个文件的属性以及文件所属的用户和组,如:
实例中,boot文件的第一个属性用"d"表示。"d"在Linux中代表该文件是一个目录文件。
在Linux中第一个字符代表这个文件是目录、文件或链接文件等等:
当为[ d ]则是目录
当为[ - ]则是文件;
若是[ l ]则表示为链接文档 ( link file );
若是[ b ]则表示为装置文件里面的可供储存的接口设备 ( 可随机存取装置 );
若是[ c ]则表示为装置文件里面的串行端口设备,例如键盘、鼠标 ( 一次性读取装置 )。
接下来的字符中,以三个为一组,且均为『rwx』 的三个参数的组合。
其中,[ r ]代表可读(read)、[ w ]代表可写(write)、[ x ]代表可执行(execute)。
要注意的是,这三个权限的位置不会改 ...