首页> 前端开发

图片垂直居中对齐align=absmiddle

分类:前端开发2013-09-12阅读:(1127)标签:html
经常有遇到文字和小图片要垂直居中,以前只知道有valign=“middle”,一直以为这个就是垂直居中,但事实图片根本不能和文字居中。后来发现垂直对齐方式是下面这样的。成员名称 说明AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。AbsMiddle 图像的中间与同一行中最大元素的中间对齐。Baseline ...

iframe背景透明

分类:前端开发2013-08-09阅读:(1110)标签:css, html
网页制作过程中,多少会做一些弹窗,弹出层的效果,有的弹出层由于内容较多,就做成单个文件,用iframe调用,但iframe默认情况下是有背景了,为了符合相应的弹窗效果,可能就需要让iframe透明。解决方法:一、在要调用的文件中设置:<body style="background-color:transparent" > 或 <body bgColor=...

UTF-8和GBK编码的区别

分类:前端开发2013-05-08阅读:(1168)标签:html
<p>UTF-8编码则是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24位(三个字节)来编码。对于英文字符较多的论坛则用UTF-8节省空间;GBK的文字编码是双字节来表示的,即不论中、英文字符均使用双字节来表示,只不过为区分中文。</p><p>UTF-8编码的文字可以在各国各种支持UTF8字符集的浏览器上显示;GBK是在国家...

兼容IE和chrome的网页变灰滤镜效果

分类:前端开发2013-04-21阅读:(1208)标签:html
兼容IE和chrome的网页变灰滤镜效果:<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}</style>

合并表格边框border-collapse:collapse

分类:前端开发2013-04-03阅读:(897)标签:css
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值: separate继承性: yes版本: CSS2JavaScript 语法: object.style.borderCollapse=”collapse”

IE7下z-index深度失效的问题

分类:前端开发2013-03-18阅读:(1072)标签:css
<p>页面中有两个不同的层,都给了z-index,一个给得很高,一个为1,可在IE7(坚决抛弃IE6用户!)下,第一个z-index值高反而被后面z-index值低的覆盖住了。这个Bug,其实是IE7渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。</p><p>父级元素加上positi...

CSS处理背景半透明-文字不透明效果

分类:前端开发2012-12-08阅读:(1068)标签:css
<p>以前在处理半透明背景,文字不透明的效果时,通常是写两个层,一个半透明的背景层,一个文字层,将文字层置于背景层上面。今天偶然看到一同行微博转发了个关于这种效果的处理办法,但内容不祥,太局限。只好自己再琢磨。</p><p>网上看到的有个方法可行,但有浏览器有差异。因此自己又改了下,添加了hack,并测试通过。</p>.box{width:50...

用注释判断IE版本执行程序

分类:前端开发2012-11-27阅读:(1018)标签:html
<p>在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p><p>同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、ie6和I...

10个有用的排版技巧提升你网站的可读性

分类:前端开发2012-11-15阅读:(846)标签:web
<p>排版在网页设计中经常被忽略。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页设计水平和可读性。下面,我列出了10个非常有用的排版技巧让你的网站看起来更好。</p><p>1、纠正行高</p><p>最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度,所以我们必须按照文本字体大小来设定行高。</p&g...

响应式WEB设计流程

分类:前端开发2012-11-15阅读:(896)标签:web
<p>第一步:确定需要兼容的设备类型、屏幕尺寸通过用户研究,了解用户使用的设备分布情况,确定需要兼容的设备类型、屏幕尺寸。设备类型:包括移动设备(手机、平板)和pc。对于移动设备,设计和实现的时候注意增加手势的功能。屏幕尺寸:包括各种手机屏幕的尺寸(包括横向和竖向)、各种平板的尺寸(包括横向和竖向)、普通电脑屏幕和宽屏。需要考虑的问题:</p><p>某个页...
前端开发