之前对div的css布局一直有点半知半解,只其然却不知其所以然,到网上下载了“十天学会DIV+CSS(WEB标准)”的chm电子版,然后跟着练习了一下,特在此记录,备忘。div+css布局练习 此处显示 id "layout" 的内容 此处显示 id "side" 的内容 此处显示 id...
分类:
Web程序 时间:
2014-07-16 23:08:57
阅读次数:
324
首页 网页版式布局 自适应宽度 固定宽度 div+css教程...
分类:
Web程序 时间:
2014-07-10 12:29:37
阅读次数:
373
这里主要利用A元素的伪类来实现:a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #00...
分类:
Web程序 时间:
2014-07-10 10:18:53
阅读次数:
338
css左右两列布局:高度100%,左侧float,右侧自动宽度(无float,overflow为auto)、白色字体:color:#FFFFFF;不错的蓝色背景:background:#0099CC;浅一点的不错的背景色: background:#B0CFFA;段落缩进: text-indent:2...
分类:
Web程序 时间:
2014-07-09 13:25:47
阅读次数:
237
左边logo 右边广告图片布局(div css左右浮动布局实例)一般网页头部是左边网站标志logo,右边为广告图片或电话号码图片,这里DIVCSS5为大家介绍对float浮动使用实例布局介绍。需要div+css布局案例效果图需要div+css布局案例效果图(缩小)一、DIVCSS5实例布局技术点说明...
分类:
Web程序 时间:
2014-07-08 11:33:06
阅读次数:
220
BFC的定义是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。在创建了 Block Formatting Context 的元素中,其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻的元素之间的垂直距离取决于 ‘...
分类:
Web程序 时间:
2014-06-27 20:56:47
阅读次数:
1207
BFC是啥?BFC(Block Formatting Context),“块状格式化上下文”。简单地说,它提供一个独立的布局环境。在同一个BFC中,盒子会一个挨一个地排列,margin边距还会在垂直方向上叠加。float和clear:float也只会在同一个BFC内有效。产生BFC的情况有?W3C标...
分类:
Web程序 时间:
2014-06-21 00:44:30
阅读次数:
345
一、动态超链链二、按钮式超链接三、CSS控制鼠标指针四、浮雕背景超链接五、超链接下划线动画在掌握了CSS布局的基本方法和原理之后,接下来的几章将针对页面中非常重要的部分“链接与导航”进行专门的介绍。本章对链接本身以及通常用于网页导航的HTML结构进行介绍。在后面的章节中再分专题分别讲解。超链接是网页...
分类:
其他好文 时间:
2014-06-20 16:41:10
阅读次数:
317
我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。
详见网站介绍:http://www.divcss5.com/rumen/r427.shtml...
分类:
Web程序 时间:
2014-06-13 20:50:13
阅读次数:
293
变宽度布局1-2-1 等比例变宽总宽度设置width: 85%;min-width:
650px; (关于IE6的min-width支持,可用)content 设置width: 66%;float: left;side 设置width:
33%;float: right;增加clear 空divHT...
分类:
Web程序 时间:
2014-06-06 16:48:54
阅读次数:
306