科学家公布“寿命计算器” 你不算一下吗?
教你方便面的健康吃法
苹果这种水果简直了
科学证实 5大“生活习惯”让你更快乐
买车真的要挑浅色尽量避开黑色?
黄瓜在夏天简直就是神一样的存在
25个好习惯助你长寿
豆腐可防癌的4种搭配
家里放9种植物可让全家人长寿
上完厕所 你真的会擦屁股吗?
日常做饭必知的71个小窍门

IIS服务器网站防盗链解决方案

我们知道,如果网站内容被盗链,那么流量和带宽都将有额外损耗,盗链严重时对网站运行会有明显的拖累影响。盗链最常见的情形就是图片地址被第三方网站直接引用,而拒绝本站文件被别人直接引用则可以从服务器层面寻求解决方案,今天我们就来讲讲在iis环境服务器上操作防盗链的方法。盗链是指服务提供商自己不提供服务的内容,通过技术手段绕过其它有利益的最终用户界面(如广告),直接在自己的网站上向最终用户提供其它服务提供商的服务内容,骗取最终用户的浏览和点击率。受益者不提供资源或提供很少的资源,而真...
继续阅读

10个CSS简写缩写技巧

深度了解CSS的前端老鸟应该都知道,CSS样式代码有很多简写缩写方式。比如,定义字体、定义背景等,都可以把CSS代码缩写到一行。CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。为了能更好的搞清楚CSS缩写方法,小编收集整理了一些有关CSS简写的参考资料,现在就给大家分享10个常见的CSS简写规则:一、盒子大小这里主要用于两个属性:margin和padding,...
继续阅读

Table作为网页布局代码被弃用的原因

Table要比其它html标记占更多的字节。(延迟下载时间,占用服务器更多的流量资源。Tablle会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间。Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加HTTP会话数。在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%(这会...
继续阅读

CSS3代码column属性实现瀑布流效果

CSS3中新出现的多列布局(multi-column是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示,也就是人们常说的瀑布流式布局。在CSS3的多列布局(columns语法功能出现之前,人们如果想让文本呈多列显示,要么使用绝对定位,手动给文本分段落,或者使用JS脚本插件等,而新语法的出现,彻底改变了这样的局面。不管想让一段文本呈多少列显示,你需要的只是两个CSS3属性:column-count和co...
继续阅读

网站虚拟主机知识6问

一、什么是虚拟主机?虚拟主机(VirtualHostVirtualServer)又称网站空间或网络空间网页空间是使用特殊的软硬件技术,把一台计算机主机分成一台台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能。在同一台硬件、同一个操作系统上,运行着为多个用户打开的不同的服务器程序,互不干扰;而各个用户拥有自己的一部分系统资源(IP地址、文件存储空间、内存、CPU时间等)。虚拟主机之间完全独立,在外界看来...
继续阅读

细说CSS中class与id的区别和用法

我们平常在用DIVCSS制作html网页页面时,常会用到class和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊,根本不知道什么时候该用class,什么时候用id,下面我们就来详细了解下它们的具体用法和使用限制禁忌。Class在程序中称为“类”,而在CSS中很巧合的也叫“类”。在CSS样式中以半角小数点“.”来命名,如:.ywk{属性:属性值;},而在html页面里则以class="ywk"来选择调用,命名好的CS...
继续阅读

纯CSS代码实现各种小箭头

我们知道,一般网页中的箭头大多是图片图标,字体图标流行以后也有很多改用字体图标。而实际上用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3,所以浏览器兼容性良好。基本原理原理非常简单,通过截取border(边框的部分“拐角”实现,几行CSS代码即可搞定。绘制梯形当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形,不理解?我们来看实例:<divid="demo11"></div><...
继续阅读

CSS实现隐藏滚动条同时保留滚动功能

有时移动端页面为了更接近原生的体验,需要考虑隐藏滚动条,但又得保证页面(或相关区域)仍然可以滚动。比如有些网站导航为了不限制菜单数量,往往会让宽度或高度保持自适应,这种情况显示滚动条就难免会影响美观。我们知道使用overflow:hidden就能隐藏滚动条,但直接导致的后果是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome和Safari),这意味着支持CSS3,于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar,那...
继续阅读