Div+CSS
文章平均质量分 66
faunjoe
踏踏实实,一步一个脚印.
展开
-
CSS对浏览器滑动条颜色控制
1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 s原创 2009-07-22 09:46:00 · 950 阅读 · 0 评论 -
CSS布局技巧
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能,未必会产生您所期望原创 2009-09-12 17:19:00 · 269 阅读 · 0 评论 -
XHTML+CSS兼容性解决方案
使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是其他原因,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;} IE6不识别!important//不过现在的IE7已经和火狐差不多了!importa原创 2009-09-12 17:20:00 · 408 阅读 · 0 评论 -
css---Using Background-Image to Replace Text
遵循Web标准的思想,网页要表现出一种亲和力.所以我们会采用一种Using Background-Image to Replace Text的方法,也就是将图像以背景图像的方式“插入”网页显示...但又为了让正常人不为既看到背景图像又看到图像上的文本而混淆,所以我们又将这些文本隐藏。或许我们也会说我们可以给图像加alt、加title,这样正常用户能看得见,过,我们再想想,Web标准还推荐使用合理的原创 2009-09-12 17:33:00 · 407 阅读 · 0 评论 -
在css中定义滚动条样式
xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案,方法1:代码:html { overflow-y: scroll; } 原理:强制显示ie的垂直滚动条,而原创 2009-09-17 15:12:00 · 569 阅读 · 0 评论 -
自定义个性滚动条css样式全程攻略
滚动条代码:&;amp;nbsp;BODY{BORDER-LEFT: #ECF1F47pxsolid;BORDER-RIGHT: #ECF1F47pxsolid;margin:0; /*控制滚动条左右侧实线颜色*/overflow-x:hidden; /*隐藏底部的横向滚动条*/scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/scrollbar原创 2009-09-17 15:15:00 · 1164 阅读 · 0 评论 -
用CSS 对TREEVIEW 的外观进行改造
.TreeView { border-bottom:1px dotted #B2B2B2 !important;}.TreeView div{ margin-left:5px;}.TreeView table{ border-top:1px dotted #B2B2B2 !important;}.TreeView div table{ border-botto原创 2009-09-26 11:27:00 · 1351 阅读 · 1 评论 -
GridView 样式
这些都是我在网上找的,我觉得也就是看个思路具体的还要自己来,最最主要的是你一定要懂CSS样式 body{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padd原创 2009-09-26 11:45:00 · 724 阅读 · 0 评论 -
CSS-Background详解
background主要包含5个属性:background-color: 指定填充背景的颜色。background-image: 引用图片作为背景。background-position: 指定元素背景图片的位置。background-repeat: 决定是否重复背景图片。background-attachment: 决定背景图是否随页面滚动。基本属性背景色(backg原创 2009-10-24 11:02:00 · 535 阅读 · 0 评论 -
CSS中背景background-position负值定位深入理解
CSS中背景定位background-position负值一直是不好理解的难点,一方面用的比较少,另一方面的理解的不够深入,今天花了点时间认真的思考了,把我的心得写出来. 下面是我要用到的一个背景图: 运行下面代码: Source Code to Run [www.52css.com]<!--.style1,.style2,.style3{ fl原创 2009-10-24 11:44:00 · 856 阅读 · 0 评论 -
CSS编写顺序
样式表的属性编写技巧//显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align ver原创 2009-09-12 17:04:00 · 314 阅读 · 0 评论 -
Div+css学习笔记
一些比较常用属性 font 字体 color 颜色 font-size 字体大小 text-align 文本位置 background 背景 margin 外补丁 padding 内补丁 border 边框 float 布局 下边是实例 CSS布局常用的方法:float:none|left|right 取值: none:?默认值。对象不飘浮 left:?文本流向对象的右边 right原创 2009-09-12 17:03:00 · 415 阅读 · 0 评论 -
用!important解决IE和Mozilla的布局差别
在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译 " 表格对决CSS--一场生死之战 "时,作者的一个技巧原创 2009-09-14 10:51:00 · 309 阅读 · 0 评论 -
position
position:absolute 绝对相对于父元素的位置。 position:relative相对于父元素的相对位置。与absolute的区别是,relative与元素之间不可能交叉重叠。position:static静态位置。这个是个默认值。使用了这个属性,它的作用就与table差不多了。不能用left,top来定位position:fixed 相对于浏览器的位置。无论,网页的滚动原创 2009-07-21 23:03:00 · 371 阅读 · 0 评论 -
DIV+CSS
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制原创 2009-08-01 16:58:00 · 349 阅读 · 0 评论 -
css控制DIV透明度
我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。例:黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=true,direction=45,strength=30); 正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, St原创 2009-05-31 10:42:00 · 586 阅读 · 0 评论 -
滚动条样式及去掉滚动条
SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色) SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色) SCROLLBAR-SHADOW-COLOR:#333333;(立体滚动条阴影的颜色) SCROLLBAR-ARROW-COLOR:#666666;(按钮上三角箭头的颜色) SCROLLBAR-BASE-COLOR:#原创 2009-05-31 17:46:00 · 131 阅读 · 0 评论 -
Div样式总结
一、常用属性:1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例:div style="width:200px;height:200px;background-color:Black;">div> 3、margin:用于设置DIV的外延边距,也就是到父容器的距离。 例: div sty原创 2009-05-31 10:41:00 · 514 阅读 · 0 评论 -
css图片滤镜大全
语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)滤镜说明:Alpha:设置透明层次.blur:创建高速度移动效果,即模糊效果.Chroma:制作专用颜色透明.DropShadow:创建对象的固定影子.FlipH:创建水平镜像图片.Fl原创 2009-05-31 17:42:00 · 954 阅读 · 0 评论 -
css新手上路
css新手上路(1) [ 来源:中国站长学院 | 作者:bluelove | 时间:2005-7-29 14:53:55 | 浏览:269人次 ] 收藏到新浪ViVi 收藏到365KEY 收藏到我摘 字号选择〖 大 中 小 〗/ 双击滚屏 单击停止 这一节唯一我们将要讨论的是如何用 CSS 来改变列表前的标识。我们知道有两种列表:有序和无序。有序 列表用阿拉伯数字为标识, 无原创 2009-05-31 17:44:00 · 565 阅读 · 0 评论 -
控制div位置和创建QQ临时对话
1.控制div位置abc2.创建QQ临时对话http://wpa.qq.com/msgrd?V=1&Uin=994578" title="点击发送即时消息或留言" target="_blank">原创 2009-06-22 13:45:00 · 441 阅读 · 0 评论 -
CSS Hacks 和 问题解决
目录介绍 针对浏览器的选择器 让IE6支持PNG透明 移除超链接的虚线 给行内元素定义宽度 让固定宽度的页面居中 图片替换技术 最小宽度 隐藏水平滚动条 一. 介绍这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们.二. 针对浏览器的选择器这些选择器在你需要针对某款浏览器进行css设计时将非常有用.IE6及其更低版本* html {}IE7及其更低版本*:first-原创 2009-09-12 17:41:00 · 319 阅读 · 0 评论 -
IE6,IE7,firefox显示不同效果
摘要: .NET JavaScript AJAX 技术 QQ群:93041040.NET JavaScript AJAX 技术 QQ群:93041040 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别I原创 2009-10-27 09:57:00 · 429 阅读 · 0 评论