从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的CSS代码,我们得新定义二列的宽度值: [code]#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; &nbs...
http://www.jb51.net//article/11359.htm
有了一列固定宽度作为基础,二列固定宽度就非常简单,我们知道div用于对某一个区域的标识,而二列的布局,自然需要用到两个div,XHTML代码如下:[code]<div id="left">左列</div> <div id="right">右列</div> [/code]新的代码结构中使用了两个id,分别为left和right,表示两个div的名称,我们所需要做的是,首先为它们制定宽度,然后让两个div在水平行中并排显示,从而形成二列式的布局,CSS代码如下:[html]<!DOCTYPE h...
http://www.jb51.net//article/11358.htm
页面整体居中是网页设计中最普遍应用的形式,在传统表格布局中,我们使用表格的align="center"属性来实现,。div本身也支持align="center"属性,也可以让div呈现居中状态,但css布局是为了实现表现和内容的分离,而align对齐属性是一种样式代码,书写在XHTML的div属性之中,有违背分享原则(分离可以使你的网站更加利于管理),因此应当css的方法实现内容的居中,我们以固定宽度一列布局代码为例,为其增加居中的css样式:[code]#layout { border: 2px soli...
http://www.jb51.net//article/11357.htm
自适应布局是网页设计中常见的布局形式,自适应的布局能够根据浏览器窗口的大小,自动改变其宽度和高度值,是一种非常灵活的布局形式,良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间,便是宽度为100%的自适应布局的表现形式,一列自适应布局需要我们做的工作也非常简单,只需要将宽度由固定值改为百分比值的形式即可。[code]#layout { border: 2px solid #A9C9E2; b...
http://www.jb51.net//article/11356.htm
本系列教程为入门级教程,适合初学者学习,由最简单的知识一点一点进阶。主要以实例为主,很少部分理论,这样更适应初学者快速掌握。因本人也正在学习,难免有一些错误或疏漏地方,望各位给予指正。本教程参考《CSS网站布局实录》一书,在此向作者表示感谢。要想学好DIV+CSS,首先要有一定的HTML和CSS知识,如果这些你还不了解,建议你先去补习这一课,再来学习本教程。另外还要抛弃传统表格布局的思维模式,至于为什么,在你学习本教程中慢慢就会体会到。如果这些你都准备好了,那么开始吧!一列固定宽度一列固定宽度是基础中的基础,所以这节做为入门的第一节。我们给div使用了layout作为id名称,为了便于查看,使...
http://www.jb51.net//article/11355.htm
对于PHP的逐渐流行,我们有目共睹:无论是BLOG程序中的WordPress,还是CMS程序中的DEDECMS,还是BBS程序中的Discuz!,都可谓经典。随着程序语言选择的不同,WEB应用所使用的数据库也发生了变化,转而向MySQL阵营学习。其中对于phpMyAdmin的学习则必不可少。phpMyAdmin(简称PMA)是一个用PHP编写的,可以通过互联网在线控制和操作MySQL。他是众多MySQL管理员和网站管理员的首选数据库维护工具,通过phpMyAdmin可以完全对MySQL数据库进行操作。一,phpMyAdmin的下载打开phpMyAdmin的官方站点:http://www.php...
http://www.jb51.net//article/10190.htm
运行下面的代码就可以看到[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head> <meta...
http://www.jb51.net//article/9011.htm
运行下面的代码就可以了[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh"><...
http://www.jb51.net//article/9010.htm
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;样式声明写在一对大括号"{}"中;COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分隔;"#FF0000"和"#FFFFFF"是属性的值(value)。 2.颜色值颜色值可以用RGB...
http://www.jb51.net//article/8872.htm
这个教程分二个部分:1创建CF组件2创建flash应用.在开始之前请新建一个站点.一创建CF组件:这里我们创建一个组件定义二个函数[chaxun1,chaxun2],函数使用exampleapps数据库源,返回一个查询结果对象,flash电影文件调用组件方法和接收返回的查询结果.chaxun1函数需要三个参数,这些参数从flash电影中传递过来.(参数为xingmingcheng) 创建的步奏如下所示:使用dwmx(DreamweaverMX的简称,下同),文件→新建:新建文档对话框,常规卡,动态页,选择ColdFusion组件.[如图] 打开组件面板[窗口...
http://www.jb51.net//article/8451.htm
使用前准备:你需要准备一下的测试环境flashmxColdFusionMX 源文件下载:开始下载10.1k 本文介绍ColdFusion和flash的通信方式,这次不使用Remoting组件,直接使用NetConnection对象,连接到ColdFusion的内置Remoting服务.该服务采用AMF结构的消息机制(动作消息格式). 请大家先温习一下NetConnection对象的方法和属性事件.newNetConnection()新建一个网络连接,connect方法用于连接到一个网络如果是rtmp协议则连接成功返回true,否则返回false,对于http的连接始终返回true.要判断...
http://www.jb51.net//article/8450.htm
