-
针对class、id所做的CSS HACK
所属栏目：[站长百科] 日期：2020-05-12 热度：172
这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。 .test{/*FF*/ height:20px; background-color:orange; } * html .test{/*IE7*/ height:20px;[详细]
-
热爱有你才完整！2020网易游戏520线上发布会来了
所属栏目：[站长百科] 日期：2020-05-12 热度：79
今日，网易游戏宣布2020年度发布会将如期在5月20日线上举办，主题定为“我是热爱分之一”。个体会发光，热爱有你才完整，当每一个玩家的热爱汇聚起来，我们的游戏世界就会更加有趣奇妙。 今年网易游戏520发布会将首次以线上发布的形式跟玩家见面，每一位玩[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目：[站长百科] 日期：2020-05-12 热度：63
我们在很多UI框架中看到带箭头的提示框，感觉挺漂亮，但是之前一直不知道其原理，今天网上找了些资料算是弄清楚原理了； 先上效果图： 原理分析： 上面的箭头有没有觉得很像一个三角形，是的，它就是三角形；只不过它这个尖角是通过两个三角形来实现的；[详细]
-
CSS实现标签效果的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：179
这里以制作图片右上角标签为例，用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div（一个父容器，一个标签div），分别设置宽高，并设置相对布局。 使标签div居于父容器右上角，设置内容居中显示，设置背景和字体颜色，旋转该div。 将父[详细]
-
浅谈CSS 浏览器样式重置终结版
所属栏目：[站长百科] 日期：2020-05-12 热度：164
副标题#e# 浏览器的一些默认样式，有时候真的是特别丑； 虽然现在有现成的 UI 框架，但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题，最后将给出完整的重置样式表; 如果有遇到其它样式问题，评论区提建议，我将持续更新 样式问[详细]
-
CSS3动画之利用requestAnimationFrame触发重新播放功能
所属栏目：[站长百科] 日期：2020-05-12 热度：76
css3中引入了animation模块,自此css动画进入了我们的视野。css动画名符其实,会写css样式就可以创作动画，对一些不怎么会JS的设计师也是比较包容的。但也正因为如此，当你需要重新播放或者说手动触发动画时，css的局限性就突显出来了，毕竟它不是一门编程语[详细]
-
css3 响应式媒体查询的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：110
/* 将body的背景颜色设置为tan */body { background-color: tan;}/* 在992px或更低的屏幕上，将背景颜色设置为蓝色 */@media screen and (max-width: 992px) { body {background-color: blue; }}/* 在600px或更低的屏幕上，将背景颜色设置为橄榄色 */@medi[详细]
-
CSS 常用中文字体 Unicode 编码表
所属栏目：[站长百科] 日期：2020-05-12 热度：120
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。 为此，在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。 例如： font-f[详细]
-
觉醒体走红引造句狂潮 一大波疯狂恶搞的神P图乐翻了(组图)
所属栏目：[站长百科] 日期：2020-05-12 热度：155
玩过腾讯旗下某款横版游戏的朋友们应该对觉醒这个词不太陌生，现在这个词彻底火了起来，因为它成了凡人逆袭的代名词。 由《万万没想到》打造的同名手机游戏日前发布了一系列由原迷你喜剧主创拍摄的觉醒海报，因内容虚实结合，口号励志引发网友造句大潮。[详细]
-
让绿色成为网页设计中亮点的教程
所属栏目：[站长百科] 日期：2020-05-12 热度：95
清新、安定、环保，在这三个关键词的遐想画面中一定有绿色。 绿色是一个在网页设计中被广泛运用的颜色，本身就带着一种与生俱来的平静感。绿色在心理学上被认为会产生一定的视觉冲击力，因此，能在网站主页上用绿色元素去突出信息重点是一个不错的选择。 G[详细]
-
他曾帮官方打击15000名开挂玩家，如今却因为开挂被永久封号
所属栏目：[站长百科] 日期：2020-05-12 热度：131
一直以来都有流传一句“终将活成自己讨厌的样子”，而今天小弟要报道的就是《CS：GO》曾经坚决的反外挂系统作者就完美证实这句话，因为他自己开挂而被V社永久封号。 这位名叫2eggs的大神级玩家相信《CS:GO》圈的人不会陌生，之前小弟就有报道过这位17岁少[详细]
-
游族网络的财务迷局
所属栏目：[站长百科] 日期：2020-05-12 热度：63
副标题#e# 从去年开始，冯柳开始布局游戏股，先是三七互娱，后重仓世纪华通，冯柳为什么看好游戏股，据机构观点，全球疫情催生宅经济，游戏行业今年必然是高景气度大年，不仅不受影响，而且还是正面影响，随着5G的快速发展，云游戏的发展趋势较为确定，前景[详细]
-
图个好游戏：80后玩过的最经典游戏之一，26年后终出续作，它还会是你的菜吗？
所属栏目：[站长百科] 日期：2020-05-12 热度：158
副标题#e# 《怒之铁拳》：26年前的经典老游戏续作来了！ 游戏平台：PC/XboxOne/PS4/Switch 《怒之铁拳4》是经典清版动作游戏《怒之铁拳》系列的最新作，上一作已经是1994年事情了。该系列作品以不会过时的游戏机制与电子舞曲风的背景音乐而好评连连。4代在[详细]
-
国内大神用轮胎打造《孤岛危机》纳米服 几乎完美还原
所属栏目：[站长百科] 日期：2020-05-12 热度：140
在寻常人眼里废旧轮胎可能就是坐等回收的垃圾，但在轮胎雕塑大神曹胜歌的手上，这些轮胎却能够成为他艺术创作的宝贵材料。最近他在B站分享了新的作品：用轮胎打造《孤岛危机》的经典纳米服战衣。 轮胎打造《孤岛危机》纳米服： 据曹胜歌本人表示，他本人并[详细]
-
想钱想疯了？一个动作就想赚玩家钱，还碰瓷日本人做了30年的游戏
所属栏目：[站长百科] 日期：2020-05-12 热度：101
相信许多玩家都和小弟一样，喜欢去Steam上找一些沙雕奇葩游戏放松自我。前不久小弟就在Steam上发现有一个特别奇葩的游戏正在计划发行，这游戏名字就已经说明了一切——《每卖出一份我就喝杯水》。 这游戏有多奇葩呢？这游戏的内容就是，每当有玩家购买一份[详细]
-
《骑马与砍杀2》领军模式入门指南 地图打法与兵种、机制讲解
所属栏目：[站长百科] 日期：2020-05-12 热度：70
副标题#e# 《骑马与砍杀2》的领军模式中玩家可以相互切磋战斗指挥技巧，那么这个模式是什么战斗规则以及我们应该如何争取运用兵种取得胜利呢，下面带来由“再补一刀”分享的《骑马与砍杀2》领军模式入门指南，一起来看看吧。 指挥与沟通 好的开黑队伍是成功[详细]
-
详解CSS Masking模块之Clipping
所属栏目：[站长百科] 日期：2020-05-12 热度：95
副标题#e# 最近业务中需要实现一些镂空的效果。看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现，甚至还想结合SVG相关的特性。为了验证自己的一些想法，开始着手撸码，但问题来了，在撸码的过程中，我发现自己对于 mask 的相关特性理解的还[详细]
-
详解CSS3 弹性布局快速入门
所属栏目：[站长百科] 日期：2020-05-12 热度：65
弹性布局是新一代的布局方式，传统布局中使用浮动布局会给我们带来不少弊端，如CSS代码高度依赖于HTML代码结构等等，下面我将用几个例子让大家快速学会弹性布局。 PS：弹性布局适用于较简单的场景，过于复杂的场景可以尝试着使用CSS3的Grid布局，弹性布局[详细]
-
css自定义占位文本(placeholder)的样式的方法示例
所属栏目：[站长百科] 日期：2020-05-12 热度：127
自定义占位文本(placeholder)的样式 当我们对input元素或者textarea元素写CSS样式的时候, 如果需要自定义占位文本(也就是placeholder)的样式的时候怎么办? CSS有一个伪元素选择器::placeholder可以解决我们的问题. 用法 HTML input placeholder=我是红色的[详细]
-
移动端rem布局的两种实现方法
所属栏目：[站长百科] 日期：2020-05-12 热度：139
据了解，现在有两种rem布局的样式控制，其中一种是通过css的媒体查询，另外一种是通过引入js来控制，这两种方法各有各的优点，但是我还是喜欢用引入js的方法来实现rem布局，尽管现在市面上大多数都在使用css媒体查询的方式实现，在此我就将这两种方法做一[详细]
-
纯css实现动态边框的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：142
副标题#e# 这几天工作中遇到一个交互需求，要求实现一个效果，当鼠标移入一个元素的时候，元素出现一个动态的边框，如图： 动态边框 思路 看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添[详细]
-
解决display:flex属性 justify-content: space-between换行后的排版问题
所属栏目：[站长百科] 日期：2020-05-12 热度：200
display:flex属性 justify-content: space-between换行后的排版问题 style.wrap {width: 400px;display:flex; /*弹性盒子*/justify-content: space-between; /*两端对齐，子元素之间有间隙*/flex-flow: row wrap;/*子元素溢出父容器时换行*/}span {width:[详细]
-
css中子元素设置margin-top为什么影响了父元素
所属栏目：[站长百科] 日期：2020-05-12 热度：141
style type=text/css*{margin: 0px; padding: 0px;}.show{margin: 0px auto;width: 200px;height: 100px;background-color: #999999;}.show h2{margin-top: 50px;cursor: pointer;}/stylebodydiv class=showh2crystal/h2/div/body 两个div，子元素div设置[详细]
-
CSS开关按钮样式详解
所属栏目：[站长百科] 日期：2020-05-12 热度：60
副标题#e# 我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签，一个checkbox，并在提交表单后获取checkbox值，以查看用户是否已经选中或[详细]
-
CSS八等分圆的实现示例
所属栏目：[站长百科] 日期：2020-05-12 热度：165
对于CSS的练习介绍如何绘制八等分的圆。 问题1 主要思路 这个地方的主要思路是将一个八等分的圆分成两部分。左边和右边的圆分别用半圆旋转而得。 1 注意：每个半圆最后要用外面的外包矩形切一下 详见#lfet #right 2 右边旋转的圆顺序不一样后面的可能会遮[详细]
