元素显示与隐藏
类似网站中的广告,点击关闭时消失,重新刷新页面再出现。 本质:让一个元素在页面中隐藏或者显示出来。 display display: none ;隐藏对象 display:block ;显示元素/转换为块元素 display 隐藏元素后,不再占有原来的位置。 visibility visibility:visible; 元素可视 visibility:hidden; 元素隐藏 visibility 隐藏元素后,仍占有原来的位置。 overflow overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。 overflow 属性可设置以下值: visible - 默认。溢出没有被剪裁。内容在元素框外渲染 hidden - 溢出被剪裁,其余内容将不可见 scroll - 溢出被剪裁,同时添加滚动条以查看其余内容 auto - 与 scroll 类似,但仅在必要时添加滚动条 注释:overflow属性仅适用于具有指定高度的块元素。
css定位
定位 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式 1234position: static; /*静态定位*/position: relative; /*相对定位*/position: absolute; /*绝对定位*/position: fixed; /*固定定位*/ 边偏移 1234top: 20px; /*顶级偏移量,定义元素相对于父元素上边距的距离*/bottom: 20px; /*底部偏移量,定义元素相对于父元素下边距的距离*/left: 20px; /*左侧偏移量,定义元素相对于父元素左边距的距离*/right: 20px; /*右侧偏移量,定义元素相对于父元素右边距的距离*/ static 静态定位是元素的默认定位方式,无定位的意思。 1选择器 { position: static; } 静态定位按照标准流特性摆...
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{ w...
讲座,机会,关系
换新电脑了,开心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 的数量来显示 测试: 12345678910111213141516171819202122232425262728293031323334353...
Linux用户和用户组的管理
Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管理员申请一个账号,然后以这个账号的身份进入系统。 用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪,并控制他们对系统资源的访问;另一方面也可以帮助用户组织文件,并为用户提供安全性保护。 每个用户账号都拥有一个唯一的用户名和各自的口令。 用户在登录时键入正确的用户名和口令后,就能够进入系统和自己的主目录。 实现用户账号的管理,要完成的工作主要有如下几个方面: 用户账号的添加、删除与修改。 用户口令的管理。 用户组的管理。 一、用户账号管理 1、添加账户 1useradd 选项 用户名 -c comment 指定一段注释性描述。 -d 目录 指定用户主目录,如果此目录不存在,则同时使用-m选项,可以创建主目录。 -g 用户组 指定用户所属的用户组。 -G 用户组,用户组 指定用户所属的附加组。 -s Shell文件 指定用户的登录Shell。 -u 用户号 指定用户的用户号,如果同时有-o选项,则可以重复使用其他用户的标识号。 1# useradd –d /home/...