宋子宪博客

前端技术

前端技术

前端技术

CSS三大特性(继承、优先级、层叠)

阅读(540) 评论(8)

1.继承性作用:子元素可以继承父元素的样式   继承性发生的前提是包含(嵌套关系)   ★文字颜色可以继承   ★文字大小可以继承   ★字体可以继续   ★字体粗细可以继承   ★文字风格可以继承   ★行高可以继承   总结:文字的所...阅读全文>>

前端技术

js判断手机端并跳转方法

阅读(478) 评论(1)

 本文介绍js判断手机端并跳转,这段代码最好放到head里面,这样加在是能够及时的跳转。   <script>     function is_mobile() { var regex_match = /(nokia|iphone|android|mot...阅读全文>>

前端技术

禁止百度保留快照的代码

阅读(480) 评论(1)

【百度快照】禁止百度保留快照的代码:noarchive很多站点出于隐私的考虑不希望百度保留快照,网上也在讨论如何禁止百度保留快照的方法。其实百度早已对此有过说明,但藏在一篇不起眼的文章中不引人注目,导致依然非常多的人不清楚该如何操作。要防止所有搜索引擎显示您网站的快照,请将此元标记置入网页的部分:<meta name="robots" content=...阅读全文>>

前端技术

响应式(自适应)网页设计

阅读(618) 评论(0)

第一步:在网页代码的头部,加入一行viewport元标签<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device...阅读全文>>

前端技术

用css禁止文字被选中

阅读(661) 评论(0)

有时候,为了让用户有更好的体验,需要禁用掉文本选中功能比如:使用a标签模拟按钮,如果不禁用掉文本选中功能,那么双击时会选中文字,用起来很不爽。多数情况下,只需要使用CSS样式就可以实现这个功能啦:body{   -o-user-select: none;   -moz-user-select: none; /火狐 fi...阅读全文>>

前端技术

HTML5 移动页面自适应手机屏幕四类方法

阅读(528) 评论(0)

1、使用meta标签:viewportH5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport 是用户网页的可视区域。翻译为中文可以叫做”视区”。手机浏览器是把页面放在一个虚拟的”窗口”(viewport)中,通常这个虚拟的”窗口”(viewport)比屏幕宽,这样就不用把每个网页...阅读全文>>

前端技术

HTML5实现获取地理位置信息并定位功能

阅读(489) 评论(0)

前言     这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借...阅读全文>>