HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

用Masonry和lazyload插件实现网页瀑布流布局的方法

    我们经常能在网上看到很多瀑布流布局的页面,尤其是很多图片网站,例如花瓣网。这种最典型的瀑布流布局,每个元素的宽度是固定的,但图片长度各不相同,于是通过下图这种样子竖着排列了下来,达到了最大的页面空间利用率。

网页中使用google-code-prettify来让代码高亮显示的方法

     我们在写一些网页技术性的文章时,往往会贴出一些网页代码出来,但是如果不加CSS处理,直接显示在网页的话可读性就很差,所以今天就教大家利用google-code-prettify来让代码高亮显示的方法。

HTML5时代CSS字体设置

     HTML5时代已经不知不觉的到来了,看到好多电商的网站都设计的非常漂亮,特别是文字部门都不是图片,而是直接用CSS来设计的,真心不错,研究了一下他们的CSS代码,拿来分享下。

解决CSS排版网页时中文标点符号顶在行首的问题

     今天在一个CMS系统中发布了一篇文章,然后发现有个中文标点符号总是顶在行首,这与我们的中文写作规范就不对了,后来修改了下CSS的规则,问题终于解决了,拿来做个备忘。

解决form表单采用get方式提交中文参数乱码的方法

     今天做了一个表单提交页面,要求用get方式提交,提交页面的编码方式是utf-8,目标页面的编码方式是gb2312,我发现提交过去的中文参数都是乱码,很头疼,因为目标页面是无法修改的,而我又不想把我的提交页面编码改成gb2312,经过一番测试终于得到解决,拿来分享。

解决img换行之间的空隙问题

    今天在布局一网页的时候发现两个img换行后之间有空隙,不符合我的设计初衷,下面给出我的解决方法。

div+css最小高度的设置方法(兼容ie6/ie7/ie8/firefox)

     我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。

解决ie6中padding值加倍的方法

     ie6真的让人崩溃啊,每次布局网页的时候都要去测试,总会有各种问题,今天又遇到问题了,就是设置了padding值后,ie6加倍了padding值,最终找到解决方法,赶快来做个备忘。

input输入框、submit按钮、select等表单元素不对齐的解决方法

     今天在做网页的时候发现表单中的input输入框和submit按钮总是对不齐,处于上下错位状态,最终在网上找到解决方法,拿来做个备忘。

解决Google Chrome浏览器无法显示hover样式的方法

     今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法,拿来做个备忘。

解决网页编码改成utf-8后导致ie6中无法调用CSS文件造成页面错乱的方法

     今天把一网页的编码改成utf-8后发现ie8中显示网页正常,ie6中页面乱七八糟,后来发现是没有引用CSS文件造成,难道ie6不支持utf-8编码?怎么可能呢,后来研究发现是因为CSS文件的编码也要改成utf-8才行,具体方法如下:

解决CSS绝对定位后在宽屏显示器高分辨率下错位的方法

     最近用CSS做了一个导航菜单,在本机看都没有任何问题,今天在朋友电脑上看吓坏了,都不知道移到哪去了,我朋友27寸显示器,我的是19寸的。经过研究发现是绝对定位的问题,下面说一下我的解决思路。

DIV+CSS左右两列自适应高度的方法

     我们在用DIV+CSS布局网页的时候,必然会遇到左右两列自适应高度的问题,就是左边列的背景会随着右边列内容的增加也相应的增加高度,下面就教大家DIV+CSS左右两列自适应高度的方法。

IE报JS错误:缺少标识符、字符串或数字的解决方法

    今天在调试JS的时候老是出现“缺少标识符、字符串或数字”的错误提示,原因其实很简单,就是JS数组中最后一个元素多加了一个“,”,删掉后问题得以解决,在这里做个备忘。

符合w3c标准的最新flash(swf)网页插入代码

     最近在做网页的时候发现,插入flash代码还是用的Macromedia公司那时的代码,Macromedia早就被Adobe公司收购了,所以插入flash部分的网页代码也有所改变,网上有好多方法,如JS方法是比较常用的,还有就是今天我要向大家介绍的符合w3c标准的最新flash(swf)网页插入代码。

解决IE6浏览器margin-left宽度变大的方法

     今天在做CSS项目时用到了margin-left参数,效果就是想让对象离左边距一些距离,可是发现在IE6下测试时宽度变的很大,其他浏览器都没有问题,经过多次测试后问题得以解决,现拿来分享下。

CSS中用背景图片做为超链接的方法

     Web2.0时代,在网页设计中用背景图片做为超链接已成为主流,通过CSS的控制,使鼠标移到图片上能有很好的变换效果,虽然用普通的插入图片的方法也能实现效果,但用CSS更为方便,再配合css sprite,还能加快图片的加载。所以今天就向大家介绍CSS中用背景图片做为超链接的方法。

网页中通过设置meta标签属性值IE=EmulateIE7来兼容IE8IE9的方法

     我们在做网页设计的时候,各浏览器的兼容性始终是个头疼的问题,更要命的是现在浏览器的版本太多,就拿IE浏览器来说吧,更新换代实在太快,现在都IE10了,可还有很多人还在用着IE6呢,而且各IE版本之间的兼容性实在不行,有的网页在IE7中是好的,到IE8中就不好了,IE6亦是如此,所以今天就告诉大家一个可以兼容IE浏览器各版本的方法(IE6除外)。

用CSS样式画横线的方法

     今天在做网页的时候,需要用到CSS画横线,虽然比较简单,但也出了一些小问题,拿来做个备忘。

在网页中使用google字体的方法(Google Font API)

     在google的网站上,有个Google Font API的项目,就是在网页中可以使用google提供的字体,而浏览网页者无须安装字体。这样我们在做网页的时候就可以使用很漂亮的字体了(不过可惜的一点是目前只支持英文字体,不支持中文字体),而不像以前那样为了使用漂亮的字体而不得不把网页中的字做成图片。那么Google Font API具体该如何使用呢?今天就向大家介绍在网页中使用google字体的方法。

用CSS控制文章落款右对齐且垂直居中的方法

     我们在网站上发布文章的时候,难免会有落款,通常我们会直接将落款设置成右对齐,但是如果落款有两行而且两行的文字字数又不相同,直接右对齐会显的不太好看,那么如何使落款右对齐且垂直居中呢?首先我们想到的就是加空格,但是网页中的空格是难以控制的,比较麻烦,而且还要计算空格数量,所以今天教大家一个简单的,用CSS控制文章落款右对齐且垂直居中的方法。

禁止input表单输入框粘贴的方法

     有时候我们在设计表单的时候由于某种需要,可能要禁止input表单输入框粘贴,所以今天就教大家禁止input表单输入框粘贴的方法。

让input表单输入框不记录输入过信息的方法

     有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,所以今天就教大家让input表单输入框不记录输入过信息的方法。

使用CSS截断过长标题文字的方法

     我们在浏览网页的时候,常常会看到某些网站的文章标题由于过长而只显示一部分,另一部分用省略号来表示,这是为了防止标题过长而导致页面排版不好看。那么这个文章标题省略号是如何实现的呢?目前常见的方法是通过动态语言程序来控制,判断标题的长度,然后截取部分来显示,其余的用省略号显示,这样往往在英文和中文的长度上难以判断。今天在网上看到可以用CSS来实现,效果还不错,拿来分享。

使用图片按钮作为重置(reset)表单按钮的方法

     我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。

分页:«12345»

订阅HTMer

  • 订阅HTMer

站内搜索

站外搜索

Tags

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version