Border circle

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

首页 分享 随记 开发 链接 关于
: 上线了全新主题!

css让底部永远在页面最底部显示

让底部永远显示在页面最底部需要考虑两种情况:一种是当页面内容高度大于浏览器窗口高度时,这时底部会正常的显示在页面最底部;另一种是当页面内容高度小于浏览器窗口高度时,这时底部会漂到浏览器窗口中间位置;这通常不是我们想要的结果,这时我们希望底部内容显示在浏览器窗口的底部:怎么实现这种效果呢?我们需要用到css新增加的vh单位和box-sizing这个属性具体的做法是:用一个外包元素将页面内容包起来,像这样:<div class="wrapper"> <div class="demo">正文内容</div> <div class="footer">底部内容</div> </d...


css公共文件结构

一般一个网站会有这么三个样式:global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式)清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致。common.css(公共组件样式)一般一个网站所有页面头部、底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品、运营的经常需要添加、去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响应。比如翻页、表单(输入框、按钮)等样式也是全站统一的,把这些样式都放到common.css里面,如果哪天所有的按钮样式要变更,一次替换就成功了。layout.css(当前页面样式)公共组件以外的所有样式都写到这个样式文件...


全新的2018

最近写了三个主题,最早是typecho的,主色以青色为主,后来忘了什么原因又想换成zblog,于是又有了一个新的zblog主题。不得不说,zblog有的设计过于反人类,所以.....又花了几天重新写了typecho的全新主题,抛开了前端框架,纯手写了CSS,作为有强迫症的人,对每一行冗余代码都极其反感。刚才看了下,除去随机调用的img,整个主题有500多K,大体来说还能接受吧,过几天备案下了后这个主题会发布出去,虽然现在来看又觉得不够简洁,但是我还是觉得没有修改的必要了,万一有人喜欢呢。也许过一段会再写一个更加简洁的单独发布。总觉得吧,新的域名,新的主题,再加上这新的一年,应该写点什么,像很多人一样给自己一个新年计划。比如这段一直在考虑是否写个自己的前端框架,尽可能简洁的纯css框架,又或者写个php的c...


Typecho免插件实现文章浏览次数统计(Cookie Enabled)

最近在打造新主题,想给主题增加统计功能,为了不使用Views插件,撸了下面的代码,使用自定义字段保存数据,不会改动数据库结构/* * 获取浏览次数 */ function getViewsStr($widget, $format = "{views} 次浏览") { $fields = unserialize($widget->fields); if (array_key_exists('views',$fields)) $views = (!empty($fields['views'])) ? intval($fields['views']) : 0; else $views = 0; //增加浏览次...


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,...