段落开头自动空两格CSS代码
网页内容中遇到大量的中文段落时，排版需要为每个段落前空两格或者往右缩进两格，以符合中文阅读的习惯，不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了，如下代码所示：.box{text-indent:2em;}或者<div style="text-indent:2em;">你的文章内容！</div>如果网页模板加了这个CSS代码的话，就……
网站建设
防止网页恶意复制的屏蔽右键代码
有时候为了抵制顺手牵羊的复制狗，不得不采用一些方法来阻挠手段，其中屏蔽右键复制的代码用得比较多，保哥总结大概有以下几种： <head>语句下输入<body onselectstart="return false;" oncontextmenu="return false;" >在系统首页文件(default.asp)和日志文件(article.asp)最底下加入如下代码……
图片自适应手机端并居中显示CSS样式
很多内容编辑器对图片的处理是居左显示的，如果是响应式的HTML5网站，还存在图片宽度太宽显示不全的问题。这种情况，在后台上传图片时，图片宽度默认是图片的真实宽度，可以把宽度设置为100%，或留空不填，高度也留空不填。内容页写法<div class="detail"> 这里是内容及图片</div> CSS样式可以如下写法，如果担心在电脑上浏览时，图片过大撑破页面……
Font Awesome字体图标的使用方法
Font Awesome字体图标的特色 ✓ 一种字体，包含605个图标（截至4.5.0版本）； ✓ 纯 css 控制，能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果； ✓ 无限缩放，矢量图标在任何尺寸下都一模一样； ✓ 免费使用，包括商业和非商业项目； ✓ 支持 Internet Explorer 7 浏览器； ✓ 能够在 Retina 屏幕完美呈现； ✓ 简单，易用； ✓……
JS实现幻灯片轮播自适应屏幕宽度并支持手机触屏滑动
本文使用js+jQuery实现轮播图，需要引用jquery包，另种实现分别是animate实现自适应的轮播，以及transform平滑轮播（在注释代码中）。代码中的图片大家自己更换就可以了，样式和逻辑均写在js里。html标签代码：<div class="slider"> //轮播箭头 <p class="lastpic"><img src="../image……
JS判断移动端并自动跳转至移动端网站
分享一个保哥经常使用的JS移动设备浏览器判断及自动跳转代码，实现当手机或平板等移动端打开网站时会自动跳转至手机版网站。第一种方法，具体代码如下：<SCRIPT LANGUAGE="JavaScript"> function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array(……
用记事本编辑保存代码后产生BOM而导致网页报错或白屏的解决方法
很多新手喜欢用系统自带的记事本来编辑保存网页模板程序文件，然后发现出现一些莫名奇妙的问题，比如网页错位、验证码出错、白屏等等。产生这种现象的原因是因为用记事本保存文档的时候，会产生看不到的BOM文件头，下面提供的是批量清除BOM的方法。<?php //有些php文件由于不小心保存成了含bom头的格式而导致出现一系列的问题。以下是批量清除bom头的代码 if (isset ( $……
CSS强制文字不换行对超出文字隐藏并显示省略号
文字超出隐藏并显示省略号text-overflow在使用ellipsis属性时，必须与overflow:hidden; white-space:nowrap; width:150px;这三个样式共同存在时，才会出现省略号的效果，其中overflow: hidden;是自动隐藏文字，text-overflow: ellipsis;是文字隐藏后添加省略号，white-space: nowrap;是……