网页制作

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享

解决在IE6下文字溢出(多出一行字)的解决方法小结

这是注释bug,经典的ie bug。 说明:注释造成文字溢出是IE的BUG,注释造成文字溢出与其位置有关,注释造成文字溢出与文字区块的固定宽度有关,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。 当溢出的文字字数大于文本的字数时,文字区块将会消失。
收藏 0 赞 0 分享

纯css 鼠标移上查看大图的效果

一个简单的效果,鼠标移到图片上就可以显示查看该图片的大图,完全用css写的,居中用到负边距居中方式。
收藏 0 赞 0 分享

css 完美清除浮动的两种解决方案

浮动一直是我们编写网页最常用的方法,但是也是最不听话的,一不小心会乱跑,虽然有万能的float闭合div多写一个可以解决掉,但是为了清除浮动而多出来一个空的div实在看着不爽,这里我在网上找到了两种解决的办法,相信很多朋友已经在用了,不过还是列出来,以备后用。 [html
收藏 0 赞 0 分享

CSS 浏览器兼容问题整理大全(比较全)

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-al
收藏 0 赞 0 分享

import link的具体区别

@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?
收藏 0 赞 0 分享

css 透明度的设置兼容所有浏览器

[code] .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} [/code] UPDATE: I wanted to pull
收藏 0 赞 0 分享

菜单 stepdown 呈递下沉的解决方法

关于“stepdown”,确实不知道能用什么精辟的语言来形容他,其实就是浮动层下呈递下沉状态,如上图所示 这个画面让我们不难相处,笔者是想做一个菜单之类的东西,每个块是左浮动。 那让我们看看代码应该怎么些吧: 像大多数菜单一样,应该创建一个无序列表如下
收藏 0 赞 0 分享

Webjx收集的30个CSS导航及菜单教程

网页制作Webjx文章简介:在当今标准的Web设计中,CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计,Webjx为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程,通过这些教程,您可以在您今后的项目中更方便的直接使用或参考
收藏 0 赞 0 分享

CSS代码优化7个准则

网页制作Webjx文章简介:整理和优化代码不仅是为了你的CSS文件大小,还包括了维护性和可读性。以上的原理并不只是针对CSS,它们还能应用到HTML,Javascript以及其他编程语言。CSS文件不只是为了呈现给你网站的最终用户。上面的原理可以帮助用户
收藏 0 赞 0 分享

建议网页设计师用CSS制作网站导航菜单

网页制作Webjx文章简介:虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键,但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人,又不会夺走网站内容的焦点。 相关
收藏 0 赞 0 分享

CSS实例教程:网页区块中标题右侧更多

网页制作Webjx文章简介:一般我们都会把“更多”这个链接放在H标签中,然后用到相对定位来实现。可以使用负margin来完成这个效果,而且更加简单。另外,针对于语义方面,我稍作修改,一般我们都是将链接套在H标签中,我将之独立到外部,这样既
收藏 0 赞 0 分享

简单学习css组合与CSS嵌套的写法

网页制作Webjx文章简介:简单学习css组合与CSS嵌套的写法. CSS组合   你不必重复有相同属性的多个选择符,你只要用英文逗号(,)隔开选择符就可以了。   比如,你有如下的代码: h2 { color: red; } .
收藏 0 赞 0 分享

CSS学习之类目之间竖线的练习实例

网页制作Webjx文章简介:最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法.   最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法.   我以前的做法都是在每个a标签之间用”|”符号来
收藏 0 赞 0 分享