HTMer

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

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左右两列自适应高度的方法。

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

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

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

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

用CSS样式画横线的方法

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

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

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

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

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

鼠标移动到图片上时图片变透明的效果(兼容IE、Firefox)

     今天在做项目时需要用到一个效果,就是鼠标移动到图片上时图片变成半透明状态,现拿来分享给大家,兼容IE、Firefox浏览器咯。

IE6、IE7、Firefox浏览器CSS hack写法

     相信做网站开发的朋友多少有点知道CSS hack这个词,就是由于各种浏览器对CSS的解析认识不一样,导致生成的网页效果不一样,如在IE7下显示是正常的网页,很可能在IE6或者 Firefox中显示变形。所以我们在写CSS的时候就要非常了解各种浏览器的特性,来合理设置CSS,这样使得尽可能多的浏览器兼容网页。不过我相信浏览器的不断标准化,相信未来我们在做网页设计的时候就可以不要CSS hack了,希望如此,呵呵。

仿163邮箱按钮鼠标移上变色的效果

     最近在做项目时,看到163邮箱中的按钮效果不错,鼠标移上去按钮会改变样式,而且比较清爽,所以拿来借用,这里做个备忘先。

防止表格或DIV布局的网页页面被撑大的方法

     我们在设计网页的时候,通常会固定网页页面的大小,从而使页面整体协调。可是用户在网站后台添加文章时,由于输入的时候只是随便从Word中或者其他网页上直接把内容复制到网页文本编辑器中,这样就会把一些乱七八糟的样式给复制进来,往往造成的后果是会把前台页面撑的很大,如我前台页面设置的宽度为 960px,可是用户在后插入了一个1024px的表格,那么整个页面就被撑的很大,非常难看,所以今天就教大家防止表格或DIV布局的网页页面被撑大的方法。

IE多版本测试好帮手IETester官方下载

     相信做网页设计的朋友应该知道一件事,就是开发出来的网页应该尽量适合多种浏览器,而现在的浏览器是多的数不胜数,光IE浏览器就有N个版本,而且各个版本对CSS的解释还有所不同,所以一般情况下,设计师们会将他们设计的网页在大多数浏览器中进行测试。可是默认情况下Windows只允许安装一个版本的 IE,那么要在多个IE版本中测试该怎么办呢?这里就向大家推荐一款IE多版本测试好帮手——IETester。

屏蔽百度空间右上角“立即开通”黄色flash广告的方法

     最近在玩百度空间的时候,发现右上角老是会有一个淡黄色的flash广告,上面写着“立即开通”等百度空间宣传的信息,把页面给遮掉了一部分,让人觉得很不爽。所以今天就教大家屏蔽百度空间右上角“立即开通”黄色flash广告的方法。

网页设计中用CSS设置文字竖排的方法

    最近在做一个项目的时候用到了网页文字竖排的效果,于是在网上进行搜索,找到了两种方法:一种是设置CSS样式为:writing-mode:tb-rl;另一种是设置CSS样式为:layout-flow: vertical-ideographic;,但是这两种方法只适用于IE浏览器,在Firefox中无效啊,郁闷~!不过最终还是把问题解决了,赶快拿来分享!

用CSS实现圆角边框效果的方法

     我们在网页制作中常常为了页面的美观,而设计一些圆角的边框。常用的方法是事先做好圆角效果的图片,然后把图片进行分割处理。这样做的缺点就是网页中附带了好多图片,影响网页的打开速度,其实我们完全可以用CSS来实现圆角边框的效果,具体方法请接着往下看。

CSS内部样式表中使用HTML注释符<!---->的作用

    我们在做网页CSS设计的时候,常常会用到内部样式表,即将CSS代码写在html网页的<head></head>标签之间, 可是不知大家有没有发现,我们用Dreamweaver网页编辑器来设计CSS内部样式表的时候,总会在<style> 和</style>标签中间自动加入HTML的注释符<!---->,实在不知道是什么意思,而删除该HTML注释符并没有影响 网页的显示效果,经过研究终于知道了这个HTML注释的具体作用了。

分页:«12»

订阅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