欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
  • 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;...

  • 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...

  • 初学DIV+CSS?有六个问题需要您关注一下!

    初学DIV+CSS?有六个问题需要您关注一下!作为DIV+CSS初学者,如果在动手写代码之前对网页整体结构由一个清晰认识的话,写起来会事半功倍!但是,写的过程中总是有这样那样的问题,使得我们不得不停下来去查找资料,弄清属性定义等等! 其实有很多方法可以在...

  • css的margin缩写样式

    margin:20px;一个值的时候是上、下、左、右都是20px ! margin:20px 40px; 两个值的时候是上下20px,左右40px! margin:20px 40px 60px;三个值的时候上20px,左右40px, 下60px margin:20px 40px 60px 80px;四个值的时候上20px,右40px,下60px ,左80px; (顺时针...

  • 实用的两列等高布局效果

    !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head title网页特效-CSS特效-实用的两列等高布局效果/title FCK:meta http-equiv=content-...

  • CSS背景透明代码

    !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD titleCSS背景透明/title /HEAD BODY style type=text/css body{ background:url( http://yanazixue.web-103.com/bbs/template/yeei_dream1/css/yeei//logo.png )} #d1{width:300px; ma...

  • CSS3数字时钟

    !DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleCSS3数字时钟 DEMO/title style type=text/css body { background:#202020; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0; min-width:9...

  • 纯CSS制作的三角箭头

    !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head title纯CSS制作的三角箭头丨雅纳自学网/title FCK:meta http-equiv=content-type con...

  • CSS制作的三角形图案

    !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head title网页特效-CSS特效-CSS制作的三角形图案/title FCK:meta http-equiv=content-typ...

  • DIV+CSS制作网页气泡状文本框

    气泡对话框在网页中经常用于说明提示等功能,可以形象生动的现实一些需要用户注意的文字与内容,本文介绍仅用CSS来实现这种简单的网页效果。 气泡状文本框,是一种很生动的网页设计手段。 它可以用来表示用户的发言。 也可以用来作为特定信息的提示符。 DVD租...

  • 前端开发工程师面试题

    下面我把我的解法放出来: 1.用CSS实现布局 让我们一起来做一个页面 首先,我们需要一个布局。 请使用CSS控制3个div,实现如下图的布局。 这题不难,在平时项目开发过程中也经常会碰到: 主要考虑几个问题:1.IE6的3像素BUG;2.清楚浮动; CSS代码 div{backgr...

前端案例

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