-
HTML使用栅格布局实现六种筛子样式的代码详解
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
先上效果图下面附上代码 !DOCTYPE htmlhtmlheadmeta charset=UTF-8title/titlestyle type=text/css.big {width: 100px;height: 100px;background: skyblue;display: flex;margin-top: 20px;}.small {width: 10px;height: 10px;background: purple;border-r[详细]
-
如何为 Element UI 里的 autosize textarea 设置高度
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
把Element UI里的textarea input设置为autosize之后，文本框的默认高度为33，并不符合设计 默认样式 在浏览器中查检元素，发现 高度是由textarea的height和min-height来控制框内文字的位置是由padding控制尝试 直接修改文本框的height和padding，看看能否[详细]
-
html中dom元素滚动条滚动控制小结详解
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
副标题#e# 不知道大家有没有遇到过这样的需求，在某个 dom 元素中添加新的子元素，然后要求如果新添加的新元素超出容器的范围，那么我们需要自动滚动到新添加的子元素的位置，如下图所示效果： 那么接下来我们一边学习一些 dom 元素滚动相关的知识点，一边[详细]
-
详解iframe的src指向的内容不刷新的解决办法
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非[详细]
-
浅析HTML 悬浮float的用法
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
左悬浮: float:left; 右悬浮:float:right; float用法 float的用途比较广, 这里简单的介绍下集中常有的用法: 在接触到浮动前,我会去设置一些inline-block, block的属性配合着div的镶嵌 去完成页面的排版. 而后接触到了浮动这一属性, 直接让元素漂浮起来简易[详细]
-
html post请求之a标签的两种用法解析
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
html post请求之a标签的两种用法举例，具体内容如下： 1、使用ajax来发起POST请求 HTML代码如下： a href=http://www.jb51.net/web/https:/www.jb51.net/ class=a_post发起POST请求/a JQuery代码如下： $(.a_post).on(click,function(event){event.prevent[详细]
-
html+css 实现图片右上角加删除叉、图片删除按钮
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
为了纪录下，以后可能用到，有需要的道友也可以用用。 不BB，上效果图先 以上就是效果图。 右上角的图片可自己换图片，图片素材我就不放上来了，我就上个代码，挺简单的css和js，初学者应该也看得明白 /prepre name=code class=html!DOCTYPE html PUBLIC -[详细]
-
HTML行内元素与块级元素有哪些及区别详解
所属栏目：[站长百科] 日期：2020-06-19 来源：DaWei
想起之前工作面试时，面试官问的一个问题：行内元素有哪些，和块级元素有什么区别？这是一道蛮基础的面试题，但是很多初学者平时只注重标签语义，忽视了标签行内和块级的特性，因此对于上述问题很有可能答不上来或者答不全。 HTML常见的行内元素有： span[详细]
-
CSS 动画实现动态气泡背景的方法
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
今天是节后上班第一天，早上醒来一睁眼，嗯？啊...？什么...？这是哪？我是谁？上什么班？ 然鹅，还是被昨晚特意设置的八个闹钟:alarm_clock:吵醒，冬天早上起床的难度...想必各位都心有体会 :sob:，抱着一万个不情愿起床早早地来到了办公室，还是熟悉的环[详细]
-
CSS3 calc()会计算属性详解
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
正如其名，calc是css3中新增的计算属性，让很多属性增加了一个表达式的说法； calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading、font-size、width和height等属性设置动态值。 怎么使用 cal[详细]
-
CSS实现网页背景图片自适应全屏的方法
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
网页背景自适应全屏.PNG 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而[详细]
-
CSS :befor :after 伪元素的巧妙用法
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
CSS中的:befor、:after都会创建一个伪元素，其中:befor创建的伪元素是所选元素的第一个子元素，:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3 */selector::before/* CSS2 */selector:[详细]
-
stricky footer的三种解决方案详解
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
stricky footer设计是最古老和最常见的效果之一，我们都曾经历过类似的情景： 如果页面内容不够长的时候，页脚块粘贴在底部；如果内容足够长时，页脚块会被内容向下推送。 这些天做vue+express实战的练习，跟着黄轶老师倒是认识了stricky footer，就认真的[详细]
-
CSS选择器的新用法(推荐)
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
现在，预处理器(如sass)似乎已经成为开发CSS的标配，正如几年前jQuery是开发JS的标配一样。JS的querySelector借鉴了jQuery的选择器思想，CSS选择器也借鉴了预处理器的变量定义、选择器嵌套、代码块重用等常用功能。本文将详细介绍CSS选择器的新用法 变量[详细]
-
css3动画过渡实现鼠标跟随导航效果
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
本篇文章主要介绍了css3动画过渡实现鼠标跟随导航效果，分享给大家，具体如下： 鼠标跟随导航效果 效果知识点：html/css布局思维, div+css讲解，css3动画，盒子模型, 浮动与定位，鼠标事件。 html代码： div class=wrapulli style=background-position:0px[详细]
-
10分钟理解CSS BFC原理及其应用
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被[详细]
-
css3实现波纹特效、H5实现动态波浪效果
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
css3实现动态波纹特效，由于css3里面有过渡和动画效果，现在利用css3实现动态波浪效果就很简单了，直接使用transform来实现就ok， 使得translateX 产生偏移就可以不断实现循环动态效果，这样就比传统的flash来实现更为简单。而且对页面也比较友好的。 比如[详细]
-
CSS实现多行多列的布局的实例代码
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
副标题#e# HTML: div class=box1box1:实现两列多行布局ulli111/lili222/lili333/li/ul/div CSS: .box1 { width: 500px; background: #EEEEEE;}.box1 ul { clear: both; overflow: hidden;}.box1 ul li { width: 48%; height: 100px; margin-bottom: 10px; b[详细]
-
在VSCode中如何配置Python开发环境
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
之前编写Python更多的是使用pycharm作为编译器进行开发，但是个人感觉用起来比较笨重，而且还收费的，需要进行破解才能使用。后来发现vscode这个软件，觉得很轻便，而且和之前使用的vs2018风格一样。 在这里对vscode配置Python开发环境做一下记录。 步骤1[详细]
-
如何让vsCode显示中文界面
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
1、问题：安装VSCode后打开，发现显示的语言为英文，想显示为中文？ 2、解决方法： 2.1、快捷键CTRL+SHIFT+P，找到如下设置Configure Display Language： 2.2、 在打开的文件，修改代码为如下设置： 2.3、重启VSCode，但是发现没有生效，这是因为我们还没[详细]
-
全网最详细的vscode基础教程
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
副标题#e# 零、快速入门 有经验的可以跳过快速入门或者大致浏览一遍 1. 命令面板 命令面板是vscode快捷键的主要交互界面，可以使用f1或者Cmd+Shift+P(win Ctrl+Shift+P)打开。 在命令面板中你可以输入命令进行搜索(中英文都可以)，然后执行。 命名面板中可[详细]
-
自己的vscode-settings.json配置详解
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
副标题#e# vscode从插件库里安装eslint和prettier 实现自动格式化 { // 是否允许自定义的snippet片段提示 "editor.snippetSuggestions": "top", // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabs[详细]
-
IntelliJ IDEA卡死，如何优化内存
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
副标题#e# Don't be a Scrooge and give your IDE some more memory 不要做守财奴，给IDE多留点内存吧。 昨天，大家就是否自定义 IntelliJ IDEA 的内存设置进行了讨论，有些人选择默认设置，有些人会对默认的设置进行简单的变更，还有一些开发者会基于他们[详细]
-
VSCode 远程登录开发(带免密)
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
Visual Studio Code(以下简称 VS Code)从1.35.0版本正式提供可以在本地编辑远程开发环境的文件的功能，具体实现如下图 安装完成Remote Development后,,可以极大地简化各种情况下的开发和故障排除,您可以 在您部署的同一操作系统上进行开发，或者使用比本地[详细]
-
VSCode自定义配色方案的实现
所属栏目：[站长百科] 日期：2020-06-18 来源：DaWei
副标题#e# “文件-首选项-颜色主题”即可显示所有可用的颜色主题，上下选择后Enter即可。也可通过Ctrl+Shift+P输入color theme回车后调出“首选项：颜色主题”面板。 记VSCode的安装目录为$RELEASE，默认的颜色主题配置文件都位于$RELEASE/resources/app/ex[详细]
浙公网安备 33038102330472号