格式vscode html css
css-内容超出区域
overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously？ 网站性能优化的一个重要目标是尽可能地缩短页面加载时间，使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分，但是 ......
Jupyter Notebook（或vscode插件） 一个cell有多个输出
方法一 在文件的开头加上如下代码，该方法仅对当前文件有效 from IPython.core.interativeshell import InteractiveShell InteractiveShell.ast_node_interctivity = "all" 方法二 添加配置文件，该方法对所 ......
VScode连接GPU服务器进行深度学习
VScode连接GPU服务器进行深度学习 最近用台式机跑一些小的深度学习项目,发现越来越慢了,由于一些原因,有时候需要我进行现场作业但是我的笔记本是轻薄本(Thinkpad YYDS)不带显卡,百度了一下发现可以租一台GPU服务器,跑深度学习模型,我自己摸索了一下午终于跑成了一个简单案例,方 ......
解决html中ol ul li的默认往左偏移的样式问题
在HTML中，有序列表(ol)和无序列表(ul)元素通常会默认有一定的内边距(padding)和外边距(margin)，这是由浏览器默认样式表所定义的。这些内边距和外边距可能导致列表向左偏移，从而出现左边超出的情况。 具体来说，ol和ul元素的默认样式表通常会定义： padding-left：列表项 ......
VSCode配置
VS Code 安装地址 常用插件： 中文插件：Chinese 颜色主题：atom one dark 文件夹图标： VSCode Great Icons 在浏览器中打开网页：open in browser、Live Server 自动重命名标签：auto rename tag ES7+ React/ ......
html5新增
语义化元素 header:头部元素 nav：导航元素 section：定义文档某个区域的元素 article：内容元素 aside：侧边栏元素 footer：尾部元素 音频、视频元素 audio video <!-- 兼容写法 audio与video一样写法--> <video src="./x ......
CSS
字体属性 text-decoration none:无任何装饰线，可以去掉a标签默认的下划线 underline：下划线 overline:上划线 line-through:中划线（删除线） text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo ......
css3新特性
css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角 ......
mac 安装svn解决vscode签出项目报Svn installation not found的问题。
svn之前安装过，更新系统就丢了，再brew也没法访问了。 在国内有几个镜像去访问，安装国内镜像： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 开始选择了阿里巴巴下载源， ......
一些常用的HTML标签
空格 nbsp; 长传图片在上面实时显示 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 ......
css盒子水平垂直居中的几种方式
第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
css3实现模糊背景
☆filter采用高斯模糊，只能在背景图片上，纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理： 给聊天区域的边框补充一个三角形 1： 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
html 原生dom创建添加移除元素
创建添加 <body> <input type="text" id="txt1"> <input type="button" id="btn1" value="创建"> <ul id="ul1"> </ul> <script> window.onload = function () { var oU ......
解决VSCode新建终端自动时执行`pyenv shell xxxx`
问题 今天发现 VSCode 新建一个内置终端时会自动运行 pyenv shell xxx，实际上这并不是我自行配置的。 解决方案 打开 VScode 用户配置文件 settings.json，新增一行内容： "python.terminal.activateEnvironment": false ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运 ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式（cursor）总结（转载）
CSS鼠标样式（cursor）总结 属性值 示意图 描述 auto 默认值，由浏览器根据当前上下文确定要显示的光标样式 default 默认光标，不考虑上下文，通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器（包含CSS3新增的伪类和属性选择器等）
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式） 全局选择器 可以与任何元素匹配，优先级最低，一般做样式初始化 ......
HTML 相关的一些小东西
####编程中说的转义是什么意思 在编程中，转义（escape）指的是用特殊的字符序列来表示原本无法直接输入或表示的特殊字符或字面量的过程。这些特殊字符序列以反斜杠 "" 或其他特定字符开头，例如： \n 表示换行符 \t 表示跳格符 \b 表示退格符 " 表示双引号字符 ' 表示单引号字符 \ 表 ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客：https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码： Sub.java ......
vscode保存文件慢——如何检验是哪个vscode插件导致的问题
起因 前几天使用vscode，突然发现保存文件变得特别慢 = = 排查 开发者工具里能看到[Extension Host]有很多报错。 （开发者工具：默认快捷键 ctrl+shift+i 打开，或选择help => Toggle Develop Tools） 但是从这里只能知道是因为某个插件导致的， ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍： 1.地铁线路查询：选择线路，输出线路上的站点名。 2.地铁站点查询：输入站点，输出所在的线路。 3.最短路径换乘查询：输入起点终点，输出所有可能的路线，最上面显示的 ......
HTML之表单中的label
label可以获取焦点，将文字和input关联起来 法一：当label中的for属性值与input中的id属性值相同时就能关联起来了 1 <label for="zhanghu">账户：</label> 2 <input id="zhanghu" type="text" name="account" ......
CSS13.定位
定位 1. CSS布局的三种机制 1、普通流（标准流） 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位，特别是后面的js特效。 2. 为什么使用定位 所以，我们脑海应该有三种布局机制的上下顺序 标 ......
CSS14.高级应用
CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出来！ 1.1 display显示（重点） display设置或检索对象是否及如何显示。 display: none 隐藏对象display: ......
CSS11.背景
CSS背景 1.背景颜色（color） 语法： background-color:颜色值； 默认的值是 transparent 透明的例：background-color:pink; 2.背景图片（image） 语法： background-image:none|url(url) 参数作用 none ......