欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!

前端开发

  • div+css网站布局的八个小技巧

    1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后...

  • 如何解决IE7和IE8的BUG

    CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然52CSS.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。 在以前的文章中52CSS.com向大家说明,IE8会是福音还是又...

  • Google谷歌的CSS前景图片合并技术

    在 Google 搜索结果页面中,将其 Logo 图标右键另存为后可以发现,它并非单纯的 Google Logo,而是一块复杂的拼合图片: 查看搜索页面源代码,其 Logo 部分代码如下: Example Source Code [ http://yanazixue.web-103.com/ a id=logo href=http://www.google...

  • 标准布局常见问题及解决办法

    CSS2.0盒模型层次平面示意图和3D示意图 3像素问题及解决办法 当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右侧容器内部,当设定高度后又跑到容器的左侧了,所以对布局精度要求高的话,请参考例29、31的解决方法 上边...

  • 如何让IE ff 同时支持Alpha透明

    关于CSS Alpha透明的相关知识。先请看如下代码: filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; alpha透明度设置,以下是用到的参数说明 opacity: 可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0...

  • css 清除浮动方法

    这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。 这个方法通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。 style type=text/css .clearfix:after { content: \20;// \20代表空字符也可以用.,但是要使用visibility: hidden;...

  • Meta标签详解

    META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的HEAD标记和TITLE标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关...

  • CSS网页布局错位:CSS宽度计算

    为什么计算宽度 计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度,如果不计算无论是宽度过大过小就会出现错位问题。 怎么计算CSS宽度 例一:我们计算一个左右结构的布局样式。 假如...

  • ie6下,绝对定位最后一个字老被重复

    在IE6下面的一个BUG,很不好解决,最快的方法是在文字最后加一个 空格 就好了。 注释在IE中造成文字溢出的研究 较多的注释引起的DIV重复最后一个文字问题。 Comments发表评论 今天做的一个 div 布局页面比较复杂,所以每个 div 嵌套都用了 !xxx-的注释,但意...

  • 解决IE6下float:right;span换行

    不用修改css样式 div class=header_01 新闻动态 span style=float:right; font-size:8pt;A href=a/dongtai/more/A/span /div 原本的顺序如上,但IE6 span换行了,解决方法如下:(把span放新闻动态前面) div class=header_01 span style=float:right; font-s...

  • IE6下设置float margin加倍bug

    设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。处理方案是在这个div外面加上display:inline; 例如: #div id=imfloat 对应的css为 #imfloat{ float:left; margin:5px;/*IE下了解为 10px*/ display:inline;/*IE下再了解为5px*/}...

  • 网页字体空格间距问题

    编码问题。中文编码下IE及其它浏览器都正常显示。如果在UTF-8下,会出现问题。 如下图: IE下 车次没有对齐 谷歌下效果: 对齐了 解决办法:给字体添加 font-family属性。 如: font-family:宋体;...

  • Ie6 li 底部出现一行空行

    .templatemo_side_bar { float: left; width: 180px; padding: 15px 19px 0 19px; background: #1b1919; border: 1px solid #363434; } .templatemo_side_bar ul { margin: 0px; padding: 0px; } .templatemo_side_bar ul li { margin: 0px; padding: 0 0 0 0...

  • 图片有空白怎么办?

    在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BU...

  • 不间断图片滚动js代码.真正兼容火狐ie

    div id=piclist style=width:500px; overflow:hidden; table trtd id=demo1 height=110 table height=110 border=0 cellpadding=0 cellspacing=5 tr tda href=http://www.lwfeel.comimg src=http://www.lwfeel.com/logo.gif width=88 height=31 //a/td tda hr...

  • 用JS控制图片最大宽度

    img src=yukiiak.jpgonload=javascript:if(this.width300)this.width=300 这句代码能把超过300宽度的图片变为300宽,小于300的图片保持原尺寸不变。 很实用。 还可以把js写到css里面 img{ max-width: 100%;/*IE7 FF 支持*/ width:expression(this.width 299?...

  • JavaScript 实例

    1)生成文本 html body script type=text/javascript document.write(Hello World!) /script /body /html 输出:Hello World! 2)生成普通文本和标签 html body script type=text/javascript document.write(h1Hello World!/h1) /script /body /html 输出:Hel...

  • JavaScript 简介

    什么是 JavaScript?JavaScript 被设计用来向 HTML 页面添加交互行为。JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript 由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言(就是说,...

  • 你真的了解HTML吗

    有这么一段HTML,请挑毛病: Pnbsp;nbsp;哥写的不是HTML,是寂寞。brbrnbsp;nbsp;我说:br不要迷恋哥,哥只是一个传说 这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。 ========================= 解答部分 ===...

  • html中META标签用法大全

    META标签除了常用的关键字标签(keywords)和描述标签(description)外,还有其他许多标签,下面我们来详细介绍各种META标签的用法。 1、META标签的keywords 写法为:meta name=Keywords content=信息参数 / meat标签的Keywords的的信息参数,代表说明网站的...

前端案例

返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!