CSS教程 汇总让IE6崩溃的几种方法
经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,网页教学网整理整理发上来,以后开发的时候要注意了。
鉴于国内IE6的市场份额还在主流的情况,一定要避免出现以下情况。
IE6真脆弱啊
1.设置scrollbar-base-color,css里给table做了定位,再
收藏 0赞 0分享
网页选项卡TAB设计原则和应用案例教程
Module Tabs(也称选项卡,后文中简称Tab,以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签 上,来请求显示该层内容
收藏 0赞 0分享
使用CSS给图片添加阴影的方法
一般我们可以使用背景图的方式给图片添加阴影,但对于不固定尺寸的图片如何实现呢?我们可以采取“视觉欺骗大法”——定义渐变边框来实现:
[code]
收藏 0赞 0分享
CSS 网页表单实现鼠标悬停交互效果
制作表单的时候,实现鼠标悬停交互效果有多种方法:
1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加,如果只
收藏 0赞 0分享
鼠标激活显示背景色网页特效CSS代码
鼠标激活显示背景色,我们该如何编写这样的代码呢?我们来整理一下思路:把a里的部分设置成一个块元素,然后定义鼠标放上后的样式。CSS1中:hover只对a元素起作用,CSS2中:hover应用于所有元素.而IE7也没同样没有支持CSS2中的这个标准。所以为了适应所有浏览器还是要定
收藏 0赞 0分享
CSS制作用户登录和用户注册的用户体验表单
关于用CSS制作符合标准的表单前面我们已经看过代码,这里是又一个例子。用CSS制作具有亲和力的表单:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
收藏 0赞 0分享
左上角图片文字环绕在图片右侧
我们在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。其实很简单,就是图片浮动位置的调整
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//
收藏 0赞 0分享
CSS代码 注释的3种方法
1、选择器(child selector)
如果你想在IE中隐藏一个CSS定义,可以使用子选择器。
css部分:
[code]
html>body p {
/* declarations */
}
[/code]
2、“通配符”(*)
收藏 0赞 0分享
网页头部css代码优化实例
在div+css布局中,一般都这样来整体构架的:
[code]
<div id="header"></div>
<div id="center"></div>
<div id=&
收藏 0赞 0分享
鼠标指向网页图片时图片周围显示虚线框
图片边框变换CSS Hover状态效果,代码如下:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT
收藏 0赞 0分享
IE7和IE8的兼容性问题
CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然webjx.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。
在以前的文章中webjx.com向大家说明,IE8会是福
收藏 0赞 0分享
CSS 网页布局网页制作技巧总结
CSS网页布局开发中,会有很多小技巧,这之类相关的文章在webjx.com有许多介绍,这里再扩展一下您所想要得到的知识,相信您会有很多收获!
一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。
二、同一个的class选择符可以
收藏 0赞 0分享
CSS网页设计 IE8和IE7共存
关于新发布的IE8Beta1,网友们都纷纷下载来使用,尝到了功能强大的甜头;有的却因网络流传:安装后会覆盖原来的IE7,并且不能导入IE7的收藏夹的虚假消息。而使大家(特别是工作用的电脑)不敢尝试这新版的浏览器。
其实,IE8是支持和IE7“共存”的
收藏 0赞 0分享
CSS 快速提升设计可读性和维护性
设计漂亮的样式表是一门艺术
设计漂亮的样式表不是一门暗黑艺术(如果用艺术家的眼光来看待这门艺术的话,那更多表现的是种对幸福的生活渴望和完美人生的追求. PS: 这是译者找到的最靠谱的解释.). 它需要持久的练习和全身心的投入, 但是, 有一些小窍门来帮你快速提升, 让你也
收藏 0赞 0分享
CSS2 打印属性让打印HTML文档不出问题
打印属性
打印 HTML 文档总是会出现问题。在 CSS2 中,我们可以借助打印属性让打印 web 内容更容易一些。
属性 描述 值
orphans 设置元素放在页面底部时所允许的最少文本行数。 number
marks 设置是否在内容区之外但是在画布的可打印区域内放&
收藏 0赞 0分享
CSS3 完美实现圆角效果
现在使用CSS3 技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性:border-radius,Firefox 和 Safari 也通过私有属性
收藏 0赞 0分享
制作网页中设计段落缩进的方法
在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格);如果需要缩进往往需要用如下方法解决:
1、人为的加入两个中文全角空格,才能够显示出位置缩进效果。
&nb
收藏 0赞 0分享
网页排版 5个CSS基础
本文给大家介绍在文章的排版中经常会用到的几个CSS基础,当然,包括图文混排,是怎样做到的。
1. 首行缩进
你知道的,从小学,老师就教我们,段落的开头应该空两格。而你使用word的时候,也有首行缩进这
收藏 0赞 0分享
CSS border 属性使用说明
border -- 定义四个边的宽度,样式,颜色
取值:[ <border-width> || <border-style> || <border-color> ] | inherit
[ <border-width> || &
收藏 0赞 0分享