-
VSCODE添加open with code实现右键打开文件夹
所属栏目：[站长百科] 日期：2020-05-12 热度：144
由于之前在安装VSCODE的时候，没注意详细阅读提示，而且第一次安装比较随意，只是带着想试一下VSCODE才安装的，所以安装的时候漏了勾选open with code这个非常好用的功能！！！ 我怎么发现的呢？是因为我最近在学VUE.JS的时候总是要打开一个文件夹但是发现[详细]
-
在VScode中创建你的代码模板的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：63
使用VScode的用户代码片段功能，来生成自己习惯的代码模板，提升开发效率 1.选择菜单里的 文件 首选项 用户代码片段 2.选择你需要自定义模板的文件，以vue为例 3. 配置对应文件json 把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的，并且[详细]
-
vscode 前端最佳配置小结
所属栏目：[站长百科] 日期：2020-05-12 热度：64
副标题#e# vscode配置文件内容在最后，已附上。可直接copy使用 vue项目，标准格式化规范的eslint文件附在末尾 editor是针对vscode的风格设置 例如 tabSize：一个tab等于2个空格，行高为24px workbench是针对vscode的主题设置 例如 iconTheme（ 图标风格）：[详细]
-
Html/CSS前端实现文字边框阴影效果
所属栏目：[站长百科] 日期：2020-05-12 热度：91
参数: 参数1 x-shadow：设置对象的阴影水平偏移值，单位可以是px、em或百分比等，允许负值。参数2 y-shadow：设置对象的阴影垂直偏移值，单位可以是px、em或百分比等，允许负值。参数3 blur：用于设置边框阴影半径大[详细]
-
基于HTML+CSS实现网页滑动门效果
所属栏目：[站长百科] 日期：2020-05-12 热度：107
一、什么是滑动门 大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 小米官网，网页滑动门效果 二、实现滑动门所需技术 简单HTML基础知识 简单的CSS基[详细]
-
超全面CSS样式整理
所属栏目：[站长百科] 日期：2020-05-12 热度：53
副标题#e# 一 字体属性：(font) 大小 {font-size: x-large;}(特大)xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体)italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM[详细]
-
详解CSS经典布局之Sticky footer布局
所属栏目：[站长百科] 日期：2020-05-12 热度：142
何为Sticky footer布局？ 我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流[详细]
-
详解CSS的table-layout属性的用法
所属栏目：[站长百科] 日期：2020-05-12 热度：152
tableLayout属性用来显示表格单元格、行、列的算法规则。 ①该属性指定了完成表布局时所用的布局算法。 ②固定布局算法比较快，但灵活性不强。 ③自动布局算法比较慢，却更能反映传统的HTML表。 2固定表格布局 ①与自动表格布局相比，允许浏览器更快地对表[详细]
-
CSS语法与JSON、JS对象区别比较
所属栏目：[站长百科] 日期：2020-05-12 热度：99
CSS（Cascading Style Sheets）规则由2个部分构成：选择器，声明。 selector｛declaration1;declaration2;declaration3;...declarationN｝ declaration由分号（；）隔开，表示为 property:value1 value2 ..是一种单层的无内嵌套的结构。 value为具体的某值[详细]
-
好的 CSS 命名规范可以节约 Debug 时间
所属栏目：[站长百科] 日期：2020-05-12 热度：178
简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符（'-'）分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式： var redBox = document.getElementById（'...'） 但是在 CSS 中不建议使用这种[详细]
-
移动端rem布局的两种实现方法
所属栏目：[站长百科] 日期：2020-05-12 热度：98
据了解，现在有两种rem布局的样式控制，其中一种是通过css的媒体查询，另外一种是通过引入js来控制，这两种方法各有各的优点，但是我还是喜欢用引入js的方法来实现rem布局，尽管现在市面上大多数都在使用css媒体查询的方式实现，在此我就将这两种方法做一[详细]
-
CSS 常用中文字体 Unicode 编码表
所属栏目：[站长百科] 日期：2020-05-12 热度：101
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。 为此，在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。 例如： font-f[详细]
-
css3 响应式媒体查询的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：152
/* 将body的背景颜色设置为tan */body { background-color: tan;}/* 在992px或更低的屏幕上，将背景颜色设置为蓝色 */@media screen and (max-width: 992px) { body {background-color: blue; }}/* 在600px或更低的屏幕上，将背景颜色设置为橄榄色 */@medi[详细]
-
CSS3动画之利用requestAnimationFrame触发重新播放功能
所属栏目：[站长百科] 日期：2020-05-12 热度：161
css3中引入了animation模块,自此css动画进入了我们的视野。css动画名符其实,会写css样式就可以创作动画，对一些不怎么会JS的设计师也是比较包容的。但也正因为如此，当你需要重新播放或者说手动触发动画时，css的局限性就突显出来了，毕竟它不是一门编程语[详细]
-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：157
div id=formbackground style=position:absolute; width:100%; height:100%; z-index:-1 img src=http://www.jb51.net/css/pictures/background.jpg height=100% width=100%/ /div div id=formbackground style=position:absolute; z-index:-1;img src=htt[详细]
-
浅谈CSS 浏览器样式重置终结版
所属栏目：[站长百科] 日期：2020-05-12 热度：100
副标题#e# 浏览器的一些默认样式，有时候真的是特别丑； 虽然现在有现成的 UI 框架，但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题，最后将给出完整的重置样式表; 如果有遇到其它样式问题，评论区提建议，我将持续更新 样式问[详细]
-
CSS实现标签效果的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：71
这里以制作图片右上角标签为例，用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div（一个父容器，一个标签div），分别设置宽高，并设置相对布局。 使标签div居于父容器右上角，设置内容居中显示，设置背景和字体颜色，旋转该div。 将父[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目：[站长百科] 日期：2020-05-12 热度：57
我们在很多UI框架中看到带箭头的提示框，感觉挺漂亮，但是之前一直不知道其原理，今天网上找了些资料算是弄清楚原理了； 先上效果图： 原理分析： 上面的箭头有没有觉得很像一个三角形，是的，它就是三角形；只不过它这个尖角是通过两个三角形来实现的；[详细]
-
使用css创建一个优惠券的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：167
添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起[详细]
-
使用CSS 给表单必选项添加星号的实现方法
所属栏目：[站长百科] 日期：2020-05-12 热度：164
在制作网页表单的时候，如果一个选项是必填的，通常会给选项添加一个星号，比如 Typecho 的评论表单： p class=form-grouplabel for=author姓名/label span class=required*/spaninput type=text id=author name=author required=required size=30 class=f[详细]
-
Css深刻理解width:auto的用法
所属栏目：[站长百科] 日期：2020-05-12 热度：198
看了我上篇文章的人可能觉得我小题大做，css2有什么好看的？那么我就参考《css世界》这本书，与大家一同复习理解下具体的点，对我们代码的影响。 首先，我们需要清楚width默认值就是auto，所以不用去人为写代码控制其宽度自动哦。 常见的4种宽度表现 充分[详细]
-
任职19年的埃里克·施密特（Eric Schmidt）悄悄离开Google
所属栏目：[站长百科] 日期：2020-05-12 热度：185
埃里克施密特(Eric Schmidt)于2001年加入Google，成为其第二任首席执行官。他在公司成立之初就曾为公司提供成人监督服务，颇有名气。现在，这位在Google工作了将近20年的老手已经悄悄离开了公司。 根据CNET的报告，施密特于今年2月离开公司。他担任公司的[详细]
-
三星Galaxy A21s图片泄漏
所属栏目：[站长百科] 日期：2020-05-12 热度：161
三星Galaxy A21s再次成为新闻。在过去的几周中，报告详细介绍了有望进入三星Galaxy A21s智能手机的各种功能。现在，一份新报告使我们对公司即将推出的智能手机有了第一印象。 泄露的图像是由提示者Sudhanshu Ambore提供的，暗示着Galaxy A21s的外观将与上[详细]
-
小米将于5月19日在全球推出MIUI 12
所属栏目：[站长百科] 日期：2020-05-12 热度：92
中国智能手机制造商小米宣布将于5月19日在全球推出新产品，该产品将在中国推出下一个定制的Android皮肤MIUI 12。 该公司通过一个简单的数学难题揭示了MIUI 12的发布日期-答案恰好是19。 根据Android Central中的一份报告，由于小米针对MIUI的中文和全球版[详细]
-
小米Mi Box 4K今天在印度发售
所属栏目：[站长百科] 日期：2020-05-12 热度：167
小米本周早些时候在印度推出了Mi Box 4K。带有遥控器的流媒体设备今天将首次销售。 小米Mi Box的价格为3,499卢比，其销售计划通过mi.com在12:00 pm进行。它只有一种黑色。Mi Box流媒体设备还支持4K内容和HDR 10。它还支持Dolby Audio和DTS 2.0 + Digital O[详细]
