Border circle

Q 3472-1974
V gk1475
E i#praming.cn

首页 分享 随记 开发 链接 关于
分类: 开发 下的文章

animate.css

简介animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 animate.css 的代码,也许你能从中学到一些东西。兼容浏览器兼容:当然是只兼容支持 CSS3 animate 属性的浏览器,他们分别是:IE10+、Firefox、Chrome、Opera、Safari。使用方法1、引入文件<link rel="stylesheet" href="...


CSS规范——春风十里不如写好CSS

css语法规范:每条属性声明占一行,增加易读性颜色采用十六进制写法(不使用颜色名),并且能够简写的进行简写:0值的单位进行省略,如将margin:0px,写成margin:0:有选择器组时,每个选择器占一行:连字符使用-,而不使用_,因为能少按一个shift就少按,还有和js变量命名区分开。选择器避免使用标签名。(首先可能使得一些不必要的标签带上样式,其次会对选择器寻找上也会在一定程度上浪费时间)媒体查询,不要写在文档最后或分开到另外文档,应该写在相应规则的附近,这样有利于修改和阅读前缀,css3的一些属性要注意带上前缀:引号方面,使用双引号而不使用单引号,url不用使用引号:每条属性声明语句结束后加上分号,最后一条声明可省略分号,但不建议每个属性声明的冒号(:)后添加一个空格小于1的小数点的值,省略0,...


使用Navicat进行ssh通道连接MySQL数据库

前些天尝试用SSH通道进行远程数据库的链接,走了不少弯路,后来经过摸索与请教,最终连接成功。现在分享给大家!首先,你得有一个Navicat,这个不用多说第二步,打开Navicat点击连接按钮。这个就不上图了,直接到如下页面填写信息,连接名随便起第三步:点击上方SSH通道按钮在SSH通道下主机名或IP地址栏填写远程服务器地址IP;注意注意,重点来了,这里的用户名填写的是要远程服务器用户名,比如root,密码填写的是远程服务器的密码。这一步不要点击连接测试,或者忽略连接测试结果第四步:回去到常规页面,在常规页面中填写用户名和密码,这时也是重要的点,注意注意,此时用户名填写的是远程服务器数据库上的用户名,密码填写的是远程服务器数据库密码,一定要注意,一定要注意。总结:其实重要的是要理解,ssh通道的目的是连接到...


Centos修改root密码

/步骤命令行输入 passwd[root@localhost ~]# passwd2提示输入新密码Changing password for user root.New password:3完再输入密码Retype new password:4修改功提示passwd: all authentication tokens updated successfully.


导航栏滚动后固定在顶部

很多时候我们都会用到这个导航栏固定在顶部的功能,也许为了美观,也许为了装逼,但最重要的应该还是浏览体验了,而很多导航栏并不是位于页面的最顶端(可能被夹在中间),所以就有了这个所谓的导航栏下拉一定距离后再固定在顶端,或者你可以叫他导航跟随.直接上代码吧,首先是html部分(注意nav-fixed-top的位置):<pre class="brush:html;toolbar:false"><div class="nav-fixed-top">         <div class="uk-container uk-container-center uk-margin-top">             <di...


Duxcms二次开发经验汇总

最近用dux做的站比较多一些,期间也遇到了一些问题,当然了,官方文档有解答的就不说了,下面会不定期更新一些我自己在开发中遇到并解决的一些情况:1.关于分页的样式 官方给出的分页标签是一个{$page}和一个div的class,很显然有时候我们更想用来表现分页的样式,这时候你就会发现你很难做到,具体官方这个class我并没有去看,算我比较懒吧。下面给出解决办法: 首先找到“app\home\controller\SiteController.php”这个文件,在最下面你会看到“//分页结果显示”,直接在里面修改就行了,需要注意的是html虽然在php通用,但写法上稍有不同。下面给出例子:<pre class="brush:html;toolbar:false">prote...