-
前端制作动画的几种方式（css3，js）
所属栏目：[站长百科] 日期：2020-03-16 热度：185
副标题#e# 制作动态的网页是是前端工程师必备的技能，很好的实现动画能够极大的提高用户体验，增强交互效果，那么动画有多少实现方式，一直对此有选择恐惧症的我就总结一下，以便在开发的时候选择最好的实现方式。 1.css的transition。 语法： transition:[详细]
-
利用纯CSS自定义Checkbox和Radio的样式示例代码
所属栏目：[站长百科] 日期：2020-03-16 热度：53
首先看看不同平台的checkbox radio 我们可以利用CSS3的一些属性来实现自定义checkbox radio样式。 HTML 代码 // radio inputdiv class=radioinput id=male type=radio name=gender value=malelabel for=maleMale/labelinput id=female type=radio name=gen[详细]
-
利用CSS实现立方体360度旋转效果实例代码
所属栏目：[站长百科] 日期：2020-03-16 热度：200
示例代码： 复制代码 代码如下: !DOCTYPE html html head lang="en" meta charset="UTF-8" title/title style * { margin: 0; padding: 0} ul {list-style: none;} ul { width: 200px; height: 200px; margin: 200px auto; position: relative; transition[详细]
-
css让容器水平垂直居中的7种方式
所属栏目：[站长百科] 日期：2020-03-16 热度：90
副标题#e# 方法一：position加margin XML/HTML Code复制内容到剪贴板 divclass=wrap divclass=center/div /div CSS Code复制内容到剪贴板 /**css**/.wrap{width:200px;height:200px;background:yellow;position:relative; }.wrap.center{width:100px;height[详细]
-
关于清除浮动塌陷的几种方法总结
所属栏目：[站长百科] 日期：2020-03-16 热度：143
副标题#e# 什么是浮动呢？ 定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。 浮动的的元素有4点特性： 1.浮动元素会脱离标准文档流，已经不区分快和行了。[详细]
-
8条非常实用的设计字体规则详解
所属栏目：[站长百科] 日期：2020-03-16 热度：137
副标题#e# （小编在这里解说一下，在国外Typography是指字体排版和印刷，研究的是如何使用字体；而Type Design是研究如何设计和创造字体，在这里大家要区分一下，其实Typography也是包含Type Design的） 今天，我们要讨论的事情，它既是一个热门趋势又是一[详细]
-
Bellnames 获取域名的转移码并转移到其他注册商的图文方法
所属栏目：[站长百科] 日期：2020-03-16 热度：114
第一步、进入Bellnames 的 官方网站 网址： 第二步、点击网页顶部最右边的的 Login链接，登录到管理平台。 第三步、新页面中，为登录页面， Email：输入您的帐号注册邮箱 Password：输入您的帐号密码 然后，点击底部的 Sing In黑色按钮，进行登录 第四步、[详细]
-
Bellnames 修改域名的WHOIS注册信息(图文)
所属栏目：[站长百科] 日期：2020-03-16 热度：174
1、进入Bellnames 的 官方网站 网址： 2、点击网页顶部最右边的的 Login链接，登录到管理平台。 3、新页面中，为登录页面， Email：输入您的帐号注册邮箱 Password：输入您的帐号密码 然后，点击底部的 Sing In黑色按钮，进行登录 4、新页面中，为帐户管理[详细]
-
美式爱国主义：“美国队长”代言美国号两栖攻击舰！
所属栏目：[站长百科] 日期：2020-03-16 热度：179
作为少有的以国名命名的海军舰只，美国号两栖攻击舰享有一项特权，能借用超级英雄的名号鼓舞士气。 美国《战区》网站报道称，美军“美国”号两栖攻击舰上方飘起一面巨大旗帜，这面旗帜上是动漫作品《美国队长》的标志性的盾牌图案。 该旗的面积看上去异乎[详细]
-
挑战《文明6》?世嘉策略大作《人类》开发者日志视频
所属栏目：[站长百科] 日期：2020-03-16 热度：175
SEGA近日发布了Amplitude Studios即将推出的回合制历史策略游戏《人类》的第三段开发者日志视频。最新的视频将会向你介绍在《人类》中如何“争夺领土所有权”，废话不多说，一起来看看视频吧！ 这段视频展示了玩家在游戏中应该如何发展和扩展自己的城市。[详细]
-
意大利全国封锁：《堡垒之夜》等在线游戏玩家激增！
所属栏目：[站长百科] 日期：2020-03-16 热度：186
pcgamesn报道称，为了应对疫情的爆发，意大利实行全国封锁。这导致年轻人们纷纷投入到《堡垒之夜》等多人在线游戏当中，意大利互联网流量大幅度增长。 意大利电信公司提供的数据显示，在过去的两周全国的网络传输的数据量激增了三分之二以上。首席执行官Lu[详细]
-
纯CSS实现导航栏Tab切换效果
所属栏目：[站长百科] 日期：2020-03-16 热度：61
副标题#e# 不用 Javascript，使用纯 CSS 方案，实现类似下图的导航栏切换： CSS 的强大之处有的时候超乎我们的想象，Tab 切换，常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 CSS 完成同样的事情。 实现 Tab 切换的难点在于如何使用 CSS 接收[详细]
-
CSS3 media queries + jQuery实现响应式导航
所属栏目：[站长百科] 日期：2020-03-16 热度：67
副标题#e# 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目：[站长百科] 日期：2020-03-16 热度：187
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果： HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
深入解读CSS3中transform变换模型的渲染
所属栏目：[站长百科] 日期：2020-03-16 热度：168
副标题#e# transform是通过一系列矩阵变换完成的，scale等transform-function都是对matrix的封装。 w3里的解释是，transform基于可视化格式模型（visual formatting model，这样翻译对不对啊）并为其绘制出一个坐标系，而且所有在这个坐标系内进行的操作，[详细]
-
CSS3解决移动页面上点击链接触发色块的问题
所属栏目：[站长百科] 日期：2020-03-16 热度：119
副标题#e# 前段时间做微信页面的时候，一行内容做了2个链接，点击一个标签的时候，整个颜色块会闪一下，影响美观。需求针对这种情况来问我，能否把这个一闪的颜色去掉。我当时就想，这个怎么去？那我也不好直接回绝她，好吧，我试试吧！经过研究，百度的很[详细]
-
CSS中的line-height行高属性学习教程
所属栏目：[站长百科] 日期：2020-03-16 热度：147
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张盗图（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底[详细]
-
20个非常实用的CSS技巧
所属栏目：[站长百科] 日期：2020-03-16 热度：160
副标题#e# 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ CSS Code复制内容到剪贴板 img.desaturate{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(1[详细]
-
10个非常实用的CSS hack技术
所属栏目：[站长百科] 日期：2020-03-16 热度：130
副标题#e# 好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
必须掌握10个非常不错的CSS技巧
所属栏目：[站长百科] 日期：2020-03-16 热度：50
在这里，巧妙的运用CSS的技巧，可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时，我经常不断推敲和尝试CSS（Hit and Trial CSS ），我只看哪种配色方案和哪种CSS属性[详细]
-
浅谈css之属性及剩余的选择符
所属栏目：[站长百科] 日期：2020-03-16 热度：56
副标题#e# 今天的课程加速了，比平时快了些，但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 XML/HTML Code复制内容到剪贴板 input[type]{color:#red;}inputtype=radio E[att=val] 选择具有att属性且属性值等于val的E元素。 XML/HTML Cod[详细]
-
vs快捷键 用好Ctrl+Enter与Ctrl+Shift+Enter组合键让你的编辑代码速度快了很多
所属栏目：[站长百科] 日期：2020-03-16 热度：111
来看一个简单的例子吧 复制代码 代码如下: function Button1_onclick() { 您的光标在alert("Hello");这一行，按下Ctrl+Enter组合键在上方插入一行 alert("Hello"); 您的光标在alert("Hello")这一行，按下Ctrl+Shift+Enter组合键在下方插入一行 alert("Jacob[详细]
-
12种实现301网页重定向方法的代码实例（含Web编程语言和Web服务器）
所属栏目：[站长百科] 日期：2020-03-16 热度：193
为什么需要使用301重定向: 1. 保留搜索引擎的排名: 301 重定向是最有效的方法，不会影响到搜索引擎对页面的排名。 2. 保留访客和流量: 如果你将页面链接到大量方法可以访问过的地址，如果不是用重定向的话你就会失去这些用户（不解）原文：If you move you[详细]
-
常见的名企Logo，你能找对几个
所属栏目：[站长百科] 日期：2020-03-16 热度：156
如果你全答对，恭喜你拥有超强记忆，且有过人的细节感知力和深度洞察力，可以评论留言写下你的感受! 如果你答得乱七八糟，可能要重新思考下，自己真的有没有痴迷设计这回事? 下面，请听题! 1、Google 首先来个镇楼的，恨平时不长眼没?! 2、Apple 这个你要[详细]
-
教你如何装修成一个简约的美式客厅
所属栏目：[站长百科] 日期：2020-03-16 热度：56
美式客厅装修越来越受欢迎，究其原因，就在于它的简约与民族特色。它独特的休闲式的浪漫让很多年轻人为之神往。今天小编就来为大家细细讲讲美式客厅装修的一些事，解决大家的装修难题，包大家都可以打造出一个地地道道的美式客厅。不信?一起往下看吧。 1、[详细]
