分类目录:HTML/CSS

DIV+CSS 页面布局

段落开头自动空两格CSS代码

网页内容中遇到大量的中文段落时,排版需要为每个段落前空两格或者往右缩进两格,以符合中文阅读的习惯,不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了,如下代码所示: .box{text-indent:2em;} 或者 <div style=”text-indent:2em;”>你的文章内容!……

图片按比例缩放代码

这个图片自动按比例缩小代码可以防止页面被图片撑破,一般用在内容页里的插图,比如论坛帖子、文章页、产品详情页。代码如下: <div id=article><img height=”800″ alt=”” width=”1280″ src=”/images.jpg” /></div> <script ……

图片自适应手机端并居中显示CSS样式

很多内容编辑器对图片的处理是居左显示的,如果是响应式的HTML5网站,还存在图片宽度太宽显示不全的问题。 这种情况,在后台上传图片时,图片宽度默认是图片的真实宽度,可以把宽度设置为100%,或留空不填,高度也留空不填。 内容页写法 <div class=”detail”> 这里是内容及图片</div>  ……

Font Awesome字体图标的使用方法

Font Awesome字体图标的特色 ✓ 一种字体,包含605个图标(截至4.5.0版本); ✓ 纯 css 控制,能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果; ✓ 无限缩放,矢量图标在任何尺寸下都一模一样; ✓ 免费使用,包括商业和非商业项目; ✓ 支持 Internet Explorer 7 浏览器; ✓ 能……

用记事本编辑保存代码后产生BOM而导致网页报错或白屏的解决方法

很多新手喜欢用系统自带的记事本来编辑保存网页模板程序文件,然后发现出现一些莫名奇妙的问题,比如网页错位、验证码出错、白屏等等。产生这种现象的原因是因为用记事本保存文档的时候,会产生看不到的BOM文件头,下面提供的是批量清除BOM的方法。 <?php //有些php文件由于不小心保存成了含bom头的格式而导致出现一系列的问题。以下是批……