-
前端制作动画的几种方式（css3，js）
所属栏目：[教程] 日期：2020-03-16 热度：69
副标题#e# 制作动态的网页是是前端工程师必备的技能，很好的实现动画能够极大的提高用户体验，增强交互效果，那么动画有多少实现方式，一直对此有选择恐惧症的我就总结一下，以便在开发的时候选择最好的实现方式。 1.css的transition。 语法： transition:[详细]
-
css解决display:inline-block;产生的缝隙（间隙）的方法
所属栏目：[教程] 日期：2020-03-16 热度：121
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量[详细]
-
CSS3 三维变形实现立体方块特效源码
所属栏目：[教程] 日期：2020-03-16 热度：194
三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同，2D变形的坐标轴是平面的，只存在X轴和Y轴，而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间，X[详细]
-
css3学习之2D转换功能详解
所属栏目：[教程] 日期：2020-03-16 热度：150
CSS3提供了2D转换功能，能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform，使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix，还有基于这些分支出的translateX、scaleY等。 这里，我将会介绍到[详细]
-
CSS样式中大于号的使用及Css中处理继承方法
所属栏目：[教程] 日期：2020-03-16 热度：70
继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法。 在一段CSS代码中见到一个大于号()，代码如下： BODY#css-zen-garden DIV#e[详细]
-
深入理解CSS系列之flex兼容
所属栏目：[教程] 日期：2020-03-16 热度：105
Flex 布局教程想了解的可以自己去看看这篇博文，或者自己百度，这里先部多做介绍，我们主要来说一说flex布局的兼容性问题。 why? 大家可能想问了，flex布局为什么会存在兼容性问题啊？ 之所以存在兼容性问题，是因为技术在不断的更新，有些旧的浏览器只支[详细]
-
深入理解CSS行高line-height与文本垂直居中的原理
所属栏目：[教程] 日期：2020-03-16 热度：137
前言 在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： 复制代码 代码如下: !DOCTYPE html html lang="en" head meta charset="UTF-8" tit[详细]
-
CSS实现鼠标滑过鼠标点击代码写法
所属栏目：[教程] 日期：2020-03-16 热度：62
鼠标滑过元素，使得元素的样式发生改变 我们定义一个按钮标签 复制代码 代码如下: buttonBUTTON/button 我们首先设置按钮的背景颜色为灰色： 复制代码 代码如下: .px-button{ background-color: grey; } 我们要使得鼠标滑过按钮的时候，让其变为蓝色，我们[详细]
-
免费智能的dns选择dnspod初级使用教程
所属栏目：[教程] 日期：2020-03-16 热度：191
免费的dns DNSpod是5.19断网事件的主角，也从此让我认识到还有免费的dns这会事情。那天我西安的朋友王昭说上的了qq，但是上不了网页，正好是在5月19号。这天很多风暴的网站的dns受到攻击，导致很多网络域名解析不了。过了1个月，在6月19号，我们的燕窝堂的[详细]
-
DNSPod 域名锁定功能为您的解析保驾护航
所属栏目：[教程] 日期：2020-03-16 热度：115
近期一系列域名解析相关的安全问题频频发生，最广为流传的莫过于百度被黑事件了。 作为国内最老牌的解析商，我们一直对解析安全保持关注，这次我们专门开发了域名锁定功能，就是为了防止一些由于DNSPod帐号密码泄漏、或者域名注册信息被黑导致域名被取回等[详细]
-
域名投资 靠域名赚钱的三点体会经验分享
所属栏目：[教程] 日期：2020-03-16 热度：164
我煮了很多些品牌米商标米，一个询价的都没有，发的求购邮件，也毫无反应。反而是一些扫下的高终端率的米，不断有询价。而且，从道德上来说，煮别人的品牌商标，不是很高尚 2)多做统计。 其实还是有很多终端米值得投资的，但是不能瞎煮，最好先做下统计，[详细]
-
如何注册一个好的.com域名
所属栏目：[教程] 日期：2020-03-16 热度：96
副标题#e# 以前一直写的都是cn域名的话题，从去年一直只进国际米，写下这段时间来我对国际域名的选米的个人见解，首先申明我不是什么大佬，也不是什么牛人，我是一个典型的小米农代表，我所注册的米都是在大家选过的垃圾堆里捡的，从来没买过1000元以上的米[详细]
-
cn域名注册量减少并cn域名注册量减少并非坏事 投资者大都看好非坏事 投资者大都看好
所属栏目：[教程] 日期：2020-03-16 热度：184
域名实名制全面推行 CN域名注册量减少 cn域名为国内主流域名之一，是国内投资者的主要投资方向，自cn域名开放注册以来，不少终端启用cn域名作为官网域名，投资者也十分注重cn域名的投资，cn域名市场一度利好，自域名实名制全名推行以来，CN域名注册量减少，[详细]
-
GoDaddy DNS域名服务实现方法
所属栏目：[教程] 日期：2020-03-16 热度：173
GoDaddy 是全世界最知名的域名注册商，提供虚拟主机（Hosting）、电子邮件（Email）、SSL Certificates 等等服务。不管你的域名是不是在 GoDaddy 注册的，都可以使用GoDaddy 提供的域名解析服务（Free DNS）。只要透过一个步骤注册为GoDaddy 免费会员，就[详细]
-
10个CSS简写/优化技巧整理
所属栏目：[教程] 日期：2020-03-16 热度：101
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写规则： 一、盒子大小 这里主要用于两个属性：margin和padding，我们以m[详细]
-
IE8的css hack 9 使用说明
所属栏目：[教程] 日期：2020-03-16 热度：174
副标题#e# 首先感谢丸子提供的这个IE8的css hack； 关注过IE8的css hack的人相信大家都在使用这个hack，就是9的css hack： .test{ color:#000000; /* FF,OP支持 */ color:#0000FF9; /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别*和_的css hack；所以我们[详细]
-
详解CSS中的display:flex
所属栏目：[教程] 日期：2020-03-16 热度：179
Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 flex： 将对象作为弹性伸缩盒显示 inline-flex：将对象作为内联块级弹性伸缩盒显示 flex示例代码 !DOCTYPE htmlhtml lang=enheadmeta chars[详细]
-
详解css常用选择器
所属栏目：[教程] 日期：2020-03-16 热度：60
导入外部css样式表的方法 使用link标签导入外部css样式表 link rel=stylesheet href=http://www.jb51.net/css/css/demo01.css 在样式表中import(导入)外部样式表 @import url(/crazy-html5/06css/css/demo01.css); 使用内部样式表 内部样式表只能作用于某[详细]
-
利用纯CSS实现动态的文字效果实例
所属栏目：[教程] 日期：2020-03-16 热度：165
大家可能经常会看到类似酷炫的网站： 在这类网站中能看到，一打开页面，无论是文字还是图片，都随着规定时间的而变化。原理很简单，主要用到CSS中animation属性。 接下来，我以我目前的工程项目为例，实现文字和图片的动画效果。（效果如上图GIF） HTML代[详细]
-
使用css3绘制出各种几何图形
所属栏目：[教程] 日期：2020-03-16 热度：131
副标题#e# 1、圆形 示例: 思路：给任何正方形元素设置一个足够大的 border-radius ，就可以把它变成一个圆形.代码如下： html: 复制代码 代码如下: div/div css: 复制代码 代码如下: .size{ width:200px; height: 200px; background: #8BC34A; } .example1{[详细]
-
CSS性能优化提高css性能的方法
所属栏目：[教程] 日期：2020-03-16 热度：115
不规范的css会导致很多性能问题，这些问题可能在一些小的项目中不够明显，但是在大型项目中就会显现出来。 css匹配原理 在优化css之前我们需要了解下css是怎么进行工作的，我们都知道css是由选择器，属性和属性值构成的。 我们可能会这样写上一行代码 CSS[详细]
-
CSS实现文字高光水波渐变的动态效果实例
所属栏目：[教程] 日期：2020-03-16 热度：119
先来看看静态的效果图，动态效果更好 实例代码 复制代码 代码如下: !DOCTYPE html html lang="en" head meta charset="UTF-8" titlerollcat/title style type="text/css" *{ margin: 0;padding: 0; } body{ background: #333;font-family: "Helvetica Neue[详细]
-
DIV点击折叠实例代码
所属栏目：[教程] 日期：2020-03-16 热度：54
副标题#e# 废话不多说了，关键代码如下所示： CSS Code复制内容到剪贴板 !doctypehtml html head metacharset=utf-8 metacontent=width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0name=viewport title测试/title styletype=text/cs[详细]
-
纯CSS3代码实现switch滑动开关按钮效果
所属栏目：[教程] 日期：2020-03-16 热度：197
副标题#e# XML/HTML Code复制内容到剪贴板 divclass=container divclass=bg_con inputid=checked_1type=checkboxclass=switch/ labelfor=checked_1/label /div /div css代码，:before负责颜色，:after是那个白色小圆点，切换时的过渡效果用css3的动画实现。[详细]
-
国际域名注册商自动获取转移密码功能将被关闭
所属栏目：[教程] 日期：2020-03-16 热度：84
据悉，目前国内部分注册商将关闭国际注册商转移密码自动获取功能，对于此时间以后触发的国际域名注册商转出操作要求域名所有人提交相应实名转出资料，由注册商审核无误后方可转出。 消息一发布后，大部分域名投资者感到焦虑，认为转出域名的流程变得繁琐，[详细]
