-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目:[站长百科] 日期:2020-05-12 来源:DaWei
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 来源:DaWei
副标题#e# 浏览器的一些默认样式,有时候真的是特别丑; 虽然现在有现成的 UI 框架,但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题,最后将给出完整的重置样式表; 如果有遇到其它样式问题,评论区提建议,我将持续更新 样式问[详细]
-
CSS实现标签效果的示例代码
所属栏目:[站长百科] 日期:2020-05-12 来源:DaWei
这里以制作图片右上角标签为例,用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div(一个父容器,一个标签div),分别设置宽高,并设置相对布局。 使标签div居于父容器右上角,设置内容居中显示,设置背景和字体颜色,旋转该div。 将父[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目:[站长百科] 日期:2020-05-12 来源:DaWei
我们在很多UI框架中看到带箭头的提示框,感觉挺漂亮,但是之前一直不知道其原理,今天网上找了些资料算是弄清楚原理了; 先上效果图: 原理分析: 上面的箭头有没有觉得很像一个三角形,是的,它就是三角形;只不过它这个尖角是通过两个三角形来实现的;[详细]
-
使用css创建一个优惠券的方法
所属栏目:[站长百科] 日期:2020-05-12 来源:DaWei
添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起[详细]
-
CSS自定义select下拉选择框的样式(不用其他标签模拟)
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方案就是用其他的元素(如ul,li)模拟下拉菜单,或[详细]
-
css控制UL LI 的样式详解(推荐)
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
div ul lia href="#"首页/a/li li/li lia href="#"博客/a/li li/li lia href="#"设计/a/li li/li lia href="#"相册/a/li li/li lia href="#"论坛/a/li li/li lia href="#"关于/a/li /ul /div CSS: 复制代码 代码如下: #menu ul {list-style:none;margin:0p[详细]
-
从腾讯网站首页改版学到的几点体会心得
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
腾讯首页近日改版了,现在将自己从其中学到和感悟到的几点总结出来分享: 1、宽屏设计: 1)不管腾讯处于什么考虑,宽屏总是让人看的很舒服,而且页面整体缩短了近1半,这让浏览信息的用户会方便很多。 2)同时大家注意到了,腾讯的宽屏不是完全的宽屏,而[详细]
-
解决网站防挂IFRAME木马的原理
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
相信大多数朋友都是iframe木马的受害者,有朋友的网站被注入了n回iframe,心情可想而知。而且现在ARP攻击,注入iframe也是轻而易举的事,仅局域网里都时刻面临威胁,哎,什么世道。接近年关,为了防止更多的朋友受到攻击,于是细细说下。 灵儿曾经在经典论[详细]
-
Web标准:文档类型和网页浏览器
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
原文: 作者:Aaron Gustafson 译者:zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本.[详细]
-
Web标准前途是否依赖浏览器技术
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
原文: 作者:Eric Meyer 当我读了一遍Aaron Gustafson的Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8 后,我心里的第一反应就是深深的否定这种观点. Aaron描述的version-targeting机制是完全错误的, 是完全倒退的, 是和我们应该做的事[详细]
-
CSS实例:三列等高布局
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
三列等高CSS布局的一个实例, 修改国外的一个demo, 兼容到了IE5.5 和标准的浏览器OperaFirefoxSafari。 不过hack太多,不是很喜欢这样做。 全部代码如下: ?xmlversion=1.0encoding=gb2312? !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN htmlx[详细]
-
CSS高级技巧:圆角矩形
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
所谓的CSS高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的CSS秘籍. CSS2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以CSS圆角技术到现在[详细]
-
CSS高级技巧:CSS Sprites
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
上一篇CSS教程文章:CSS高级技巧:圆角矩形 CSS Sprites, 利用CSS background-position 进行背景绝对定位, 减少HTTP请求, 加速网页显示, 解决图片载入闪动问题的技巧. CSS Sprites最适合用来做的, 恩, 比如:清单导航的CSS鼠标翻转效果大量小图标集中的应用[详细]
-
CSS高级技巧:图片替换
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
上一篇CSS教程 文章:CSS高级技巧:CSS Sprites 图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器). 本节用到的图片只有一个: 经典FIR 在文字外包上一组span标签, 并在CSS中将这个span进行di[详细]
-
CSS高级技巧:滑动门技术
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
上一篇CSS教程 文章:CSS高级技巧:图片替换滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现. 滑动门一般用做网站Tab导航,[详细]
-
吐血推荐珍藏的Visual Studio Code插件(推荐)
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装[详细]
-
常用VsCode 快捷键(Window & Mac)GIF演示
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
尽管我们经常使用 VS Code中的许多快捷方式,但是我们有可能会忘记它们。 这里用可视化制作了一些GIF,以便更好地记住它们,希望对你有所帮助。 VSCode中的每个命令也可以通过使用CTRL + SHIFT + P和搜索查询的命令提示符来执行。 但是知道直接快捷键速度[详细]
-
如何使用VSCode 运行调试插件代码
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
VSCode 运行插件,现在我们对这个插件的实现方式和注册方式已经有了了解,下面就到了运行和调试代码的时候了。VS Code 的插件代码脚手架已经为我们提供了 launch.json ,所以我们只需要按下 F5 即可启动代码。 代码启动后,VS Code 会打开一个新的窗口,这[详细]
-
HTTP长连接与短连接使用方法及测试详解
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
副标题#e# HTTP短连接(非持久连接)是指,客户端和服务端进行一次HTTP请求/响应之后,就关闭连接。所以,下一次的HTTP请求/响应操作就需要重新建立连接。 HTTP长连接(持久连接)是指,客户端和服务端建立一次连接之后,可以在这条连接上进行多次请求/响应[详细]
-
vs2019生成dll并调用的实现示例
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
为了防止步骤上的失误,造成不成功,我尽量每一步的过程都写清楚 一、生成DLL 1.创建dll工程 2.编写dll函数 经过上述过程后工程中会生成几个自带的文件,可以自行创建或者更名,我直接在上面进行编写了。 如下我先在pch.h中创建我需要调用函数的声明,他们[详细]
-
基于 Serverless +企业微信打造 nCoV 疫情监控小助手
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
副标题#e# 最近的一些疫情信息很让人揪心,为了方便大家掌握疫情信息,在空闲之余做了一个关于 nCoV 的疫情监控小助手。主要的功能是通过企业微信的 WebHook 来推送疫情信息。这里将使用 Serverless 的整体代码思路和架构方式分享给大家。本文作者:tabor[详细]
-
油猴脚本编写教程详解
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
副标题#e# 油猴脚本(Tampermonkey)是一个非常流行的浏览器扩展,它可以运行由广大社区编写的扩展脚本,来实现各式各样的功能,常见的去广告、修改样式文件、甚至是下载视频。今天我们就来看看如何编写自己的油猴脚本。当然为了运行油猴脚本,你应该在浏览[详细]
-
vscode常用插件整理汇总
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
2.beautiful UI 32个主题集合,具体使用看个人喜好。 3.better comments 通过使用警报、信息、待办事项等注释来改进代码注释! 4.bracket pair colorizer 2 用于对匹配括号上色的可自定义扩展 5.code spell checker 对基本关键字拼写校验 6.color info 提[详细]
-
CSS高级技巧:文字环绕图片
所属栏目:[站长百科] 日期:2020-05-11 来源:DaWei
上一篇CSS教程 文章:CSS高级技巧:滑动门文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图:[详细]
