-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目:[站长百科] 日期:2020-05-12 热度:160
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[详细]
-
CSS3动画之利用requestAnimationFrame触发重新播放功能
所属栏目:[站长百科] 日期:2020-05-12 热度:64
css3中引入了animation模块,自此css动画进入了我们的视野。css动画名符其实,会写css样式就可以创作动画,对一些不怎么会JS的设计师也是比较包容的。但也正因为如此,当你需要重新播放或者说手动触发动画时,css的局限性就突显出来了,毕竟它不是一门编程语[详细]
-
css3 响应式媒体查询的示例代码
所属栏目:[站长百科] 日期:2020-05-12 热度:61
/* 将body的背景颜色设置为tan */body { background-color: tan;}/* 在992px或更低的屏幕上,将背景颜色设置为蓝色 */@media screen and (max-width: 992px) { body {background-color: blue; }}/* 在600px或更低的屏幕上,将背景颜色设置为橄榄色 */@medi[详细]
-
CSS 常用中文字体 Unicode 编码表
所属栏目:[站长百科] 日期:2020-05-12 热度:98
在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。 为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。 例如: font-f[详细]
-
觉醒体走红引造句狂潮 一大波疯狂恶搞的神P图乐翻了(组图)
所属栏目:[站长百科] 日期:2020-05-12 热度:157
玩过腾讯旗下某款横版游戏的朋友们应该对觉醒这个词不太陌生,现在这个词彻底火了起来,因为它成了凡人逆袭的代名词。 由《万万没想到》打造的同名手机游戏日前发布了一系列由原迷你喜剧主创拍摄的觉醒海报,因内容虚实结合,口号励志引发网友造句大潮。[详细]
-
让绿色成为网页设计中亮点的教程
所属栏目:[站长百科] 日期:2020-05-12 热度:83
清新、安定、环保,在这三个关键词的遐想画面中一定有绿色。 绿色是一个在网页设计中被广泛运用的颜色,本身就带着一种与生俱来的平静感。绿色在心理学上被认为会产生一定的视觉冲击力,因此,能在网站主页上用绿色元素去突出信息重点是一个不错的选择。 G[详细]
-
他曾帮官方打击15000名开挂玩家,如今却因为开挂被永久封号
所属栏目:[站长百科] 日期:2020-05-12 热度:95
一直以来都有流传一句“终将活成自己讨厌的样子”,而今天小弟要报道的就是《CS:GO》曾经坚决的反外挂系统作者就完美证实这句话,因为他自己开挂而被V社永久封号。 这位名叫2eggs的大神级玩家相信《CS:GO》圈的人不会陌生,之前小弟就有报道过这位17岁少[详细]
-
游族网络的财务迷局
所属栏目:[站长百科] 日期:2020-05-12 热度:93
副标题#e# 从去年开始,冯柳开始布局游戏股,先是三七互娱,后重仓世纪华通,冯柳为什么看好游戏股,据机构观点,全球疫情催生宅经济,游戏行业今年必然是高景气度大年,不仅不受影响,而且还是正面影响,随着5G的快速发展,云游戏的发展趋势较为确定,前景[详细]
-
图个好游戏:80后玩过的最经典游戏之一,26年后终出续作,它还会是你的菜吗?
所属栏目:[站长百科] 日期:2020-05-12 热度:141
副标题#e# 《怒之铁拳》:26年前的经典老游戏续作来了! 游戏平台:PC/XboxOne/PS4/Switch 《怒之铁拳4》是经典清版动作游戏《怒之铁拳》系列的最新作,上一作已经是1994年事情了。该系列作品以不会过时的游戏机制与电子舞曲风的背景音乐而好评连连。4代在[详细]
-
国内大神用轮胎打造《孤岛危机》纳米服 几乎完美还原
所属栏目:[站长百科] 日期:2020-05-12 热度:53
在寻常人眼里废旧轮胎可能就是坐等回收的垃圾,但在轮胎雕塑大神曹胜歌的手上,这些轮胎却能够成为他艺术创作的宝贵材料。最近他在B站分享了新的作品:用轮胎打造《孤岛危机》的经典纳米服战衣。 轮胎打造《孤岛危机》纳米服: 据曹胜歌本人表示,他本人并[详细]
-
想钱想疯了?一个动作就想赚玩家钱,还碰瓷日本人做了30年的游戏
所属栏目:[站长百科] 日期:2020-05-12 热度:180
相信许多玩家都和小弟一样,喜欢去Steam上找一些沙雕奇葩游戏放松自我。前不久小弟就在Steam上发现有一个特别奇葩的游戏正在计划发行,这游戏名字就已经说明了一切——《每卖出一份我就喝杯水》。 这游戏有多奇葩呢?这游戏的内容就是,每当有玩家购买一份[详细]
-
《骑马与砍杀2》领军模式入门指南 地图打法与兵种、机制讲解
所属栏目:[站长百科] 日期:2020-05-12 热度:139
副标题#e# 《骑马与砍杀2》的领军模式中玩家可以相互切磋战斗指挥技巧,那么这个模式是什么战斗规则以及我们应该如何争取运用兵种取得胜利呢,下面带来由“再补一刀”分享的《骑马与砍杀2》领军模式入门指南,一起来看看吧。 指挥与沟通 好的开黑队伍是成功[详细]
-
详解CSS Masking模块之Clipping
所属栏目:[站长百科] 日期:2020-05-12 热度:176
副标题#e# 最近业务中需要实现一些镂空的效果。看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现,甚至还想结合SVG相关的特性。为了验证自己的一些想法,开始着手撸码,但问题来了,在撸码的过程中,我发现自己对于 mask 的相关特性理解的还[详细]
-
移动端rem布局的两种实现方法
所属栏目:[站长百科] 日期:2020-05-12 热度:167
据了解,现在有两种rem布局的样式控制,其中一种是通过css的媒体查询,另外一种是通过引入js来控制,这两种方法各有各的优点,但是我还是喜欢用引入js的方法来实现rem布局,尽管现在市面上大多数都在使用css媒体查询的方式实现,在此我就将这两种方法做一[详细]
-
纯css实现动态边框的示例代码
所属栏目:[站长百科] 日期:2020-05-12 热度:143
副标题#e# 这几天工作中遇到一个交互需求,要求实现一个效果,当鼠标移入一个元素的时候,元素出现一个动态的边框,如图: 动态边框 思路 看到这个效果,我首先想到的是设置元素的border属性,可惜border不能设置长度,无法实现动效。另外一种实现思路是添[详细]
-
解决display:flex属性 justify-content: space-between换行后的排版问题
所属栏目:[站长百科] 日期:2020-05-12 热度:83
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 热度:153
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 热度:145
副标题#e# 我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值,以查看用户是否已经选中或[详细]
-
CSS八等分圆的实现示例
所属栏目:[站长百科] 日期:2020-05-12 热度:138
对于CSS的练习介绍如何绘制八等分的圆。 问题1 主要思路 这个地方的主要思路是将一个八等分的圆分成两部分。左边和右边的圆分别用半圆旋转而得。 1 注意:每个半圆最后要用外面的外包矩形切一下 详见#lfet #right 2 右边旋转的圆顺序不一样后面的可能会遮[详细]
-
CSS揭秘之多重边框的实现
所属栏目:[站长百科] 日期:2020-05-12 热度:52
多重边框的两种实现方案: border-shadow outline !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, initial-scale=1.0meta http-equiv=X-UA-Compatible content=ie=edgetitleMutiple border/title/headbo[详细]
-
详解CSS3 弹性布局快速入门
所属栏目:[站长百科] 日期:2020-05-12 热度:106
弹性布局是新一代的布局方式,传统布局中使用浮动布局会给我们带来不少弊端,如CSS代码高度依赖于HTML代码结构等等,下面我将用几个例子让大家快速学会弹性布局。 PS:弹性布局适用于较简单的场景,过于复杂的场景可以尝试着使用CSS3的Grid布局,弹性布局[详细]
-
css自定义占位文本(placeholder)的样式的方法示例
所属栏目:[站长百科] 日期:2020-05-12 热度:139
自定义占位文本(placeholder)的样式 当我们对input元素或者textarea元素写CSS样式的时候, 如果需要自定义占位文本(也就是placeholder)的样式的时候怎么办? CSS有一个伪元素选择器::placeholder可以解决我们的问题. 用法 HTML input placeholder=我是红色的[详细]
-
看看网页高手怎么理解Web标准
所属栏目:[站长百科] 日期:2020-05-12 热度:117
与老友闲聊,不想夜晚的猫子都很亢奋,聊了很多。Web标准及Div CSS相关知识是老友很擅长的,妙语连珠。我觉得聊天过程完整也较有意义,转贴闲聊过程如下: 横导航链接为什么要用UL LI 为什么不直接在一行写上文本链接呢 列表本身就有列表符号,同时列表项也[详细]
-
全网最详细的vscode基础教程
所属栏目:[站长百科] 日期:2020-05-12 热度:106
副标题#e# 零、快速入门 有经验的可以跳过快速入门或者大致浏览一遍 1. 命令面板 命令面板是vscode快捷键的主要交互界面,可以使用f1或者Cmd+Shift+P(win Ctrl+Shift+P)打开。 在命令面板中你可以输入命令进行搜索(中英文都可以),然后执行。 命名面板中可[详细]
-
CSS DIV制作梯形状的不规则网站导航
所属栏目:[站长百科] 日期:2020-05-11 热度:197
前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航,就尝试做了一下。结果碰到了几个问题,后来在同事的提醒下总算完成了,记录一下也跟大家分享分享。 先看图(图片只是大致做了一下) 效果展示: 运行代码[详细]