用CSS创建一个布局居中的页面

用CSS创建一个布局居中的页面的相关文章

• 
  css布局中的居中问题

  标签：Web开发

  如何使DIV居中 主要的样式定义如下： body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明： 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 需要说明的是，如果你想用这个方法使整个页面要居...[ 查看全文 ]

  名字啊名字难啊

  11
• 
  CSS页面布局的技巧

  标签：Web开发

  对CSS网页布局的技巧，可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值： 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容...[ 查看全文 ]

  要成功的节奏啊

  21
• 
  用CSS floats创建三栏页布局

  标签：Web开发

  三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。   绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局的网页。 现在，我们都开始抛弃基...[ 查看全文 ]

  鈾炩槥瀛欏紑閿

  51
• 
  创建一个纯CSS的水平导航条

  标签：Html CSS布局 Div+CSS XHTML

    按照传统的方法，导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找（新的）方法，用结构化的XHTML标记和CSS格式来创建导航条。 一个简单的CSS导航条   创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。 这种方法看起来很合理也很直观。但问题是，把所有的链接都放...[ 查看全文 ]

  zzcclove

  71
• 
  第9天:第一个CSS布局实例

  标签：Web开发

  接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过...[ 查看全文 ]

  year长春

  01
• 
  Xhtml第9天:第一个css布局实例

  标签：Html CSS布局 Div+CSS XHTML

  接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用div也可以实现。技术有一个成熟的过程，把div看成和table一样的工具，如何运用就看你的想象力了。 注：在实际应用过程中，div...[ 查看全文 ]

  lwk550213655

  151
• 
  用ASP实现一个真正的注册页面

  标签：ASP

    沙滩小子     （一），设定注册页面的外观：             在这个例子中涉及了五个页面，其中有三幅是一般的htm文件，另外的两幅是asp文件，在这里制作利用的工具是frontpage98，但是大部分的asp代码还是要自己输入的：         1，设定原来已经注册的用户进入的外...[ 查看全文 ]

  小翰子1

  31
• 
  网页制作学习：用CSS创建三栏页布局

  标签：Web开发

      三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。     绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局...[ 查看全文 ]

  謎途丘比特

  61
• 
  使用 CSS 创建固定宽度的布局

  标签：Web开发

  我最近的几篇专栏文章讨论了使用 XHTML 和 CSS 实现两列或三列页面布局的各个方面。到目前为止，所有例子都使用流式布局（也就是布局会自动扩展和适应浏览器窗口的宽度）。现在是时候考虑另外一种主要的页面布局方法了，这种布局方法是固定宽度布局。 很多 Web 构建人员倾向于使用固定宽度的布局进行页面设计，因为它们能生成精确且可预知的结果。这种方法与打印布局非常接近，对于设计人员和访问者...[ 查看全文 ]

  大牛子80

  121
• 
  用CSS实现网页的绝对居中

  标签：Web开发

  6.FF1.5测试通过，绝对定位，直接定位上下左右，强制边局实现容器相对大小（标准）： 代码：略 7.ff1.5 IE5 IE6通过测试 HTML代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="//www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleVertical centering in valid a class...[ 查看全文 ]

  艾瑟nice

  31
• 
  在一个页面做两种超链接的CSS样式

  标签：Web开发

  如何在一个页面做两种超链接的CSS样式 第一个a/a 第二个a/a style .NFS1 {     color:#99003D;     text-decoration:none; } .NFS1:visite {     color:#99003D;     text-decoration:none; } .NFS1:hover {     color:#FF3300;     text-decoration:underline; } /style   [ 查看全文 ]

  温小俞

  21
• 
  用PHOTOSHOP创建一个3D文字场景

    在这一课中,我们将通过Illustrator简单的设置3D文字，然后用Photoshop创建一个真实的三维文字场景。你需要掌握一些高级的PS知识来完成这个教程。在开始之前，我们要从Sxh.hu网站下载所要使用的图像。所有的图片都是免费下载，这里是链接:1、2、3、4 那我们开始吧，创造出一个真实的3D效果只需要短短的几步。试试看，你可以按你的想法自由发挥，我对你们充满信心（慢慢的 一步步跟着做 着急是大忌...[ 查看全文 ]

  小哥别耍酷

  251
• 
  一个获取页面ip的正则

  标签：Web开发

  看到一个吧里面老是有人查ip，随意写个玩 code如下: Javascrīpt:var arr=document.body.innerText.match(/(\d{1,3}\.){3}/g);var str="";var ip;for(var i=0;iarr.length;i++){ip=arr[i]+Math.floor(Math.random()*255);str+="li"+ip+"  a href='http://www.baidu.com/baidu?word="+ip+"'取得ip[ 查看全文 ]

  下一站墨河

  51
• 
  创建一个Web投票系统

  标签：ASP

    下面zip文件：http://www.content.aspdir.co.uk/files/Article-11.zip During this article you will learn how to construct your own web poll using ASP. The article presumes you already understand basic database interaction. The following samples of code allow a user to select one of four options to a question. The user's vote is then recorded in a database and the use...[ 查看全文 ]

  饺子灬爱吃肉

  21
• 
  如何在一个页面做两种超链接的CSS样式

  标签：Web开发

  如何在一个页面做两种超链接的CSS样式 第一个a class="NFS1"/a 第二个a class="NFS2"/a style .NFS1 {     color:#99003D;     text-decoration:none; } .NFS1:visite {     color:#99003D;     text-decoration:none; } .NFS1:hover {     color:#FF3300;   &nbs...[ 查看全文 ]

  白白白白灬痴

  231
• 
  创建一个带有CheckBox的TreeView

  标签：编程语言 网络编程

  void __fastcall TForm1::FormCreate(TObject *Sender) {  SetWindowLong(TreeView1-Handle,GWL_STYLE, GetWindowLong(TreeView1-Handle,GWL_STYLE) | TVS_CHECKBOXES); } //判断一个节点是否处于Checked状态 bool GetNodeChecked(TTreeNode *ANode) { TVITEM tvItem; tvItem.mask = TVIF_HANDLE | TVIF_STATE; tvItem.hItem = ANode-ItemId; tvItem.s...[ 查看全文 ]

  金牛考试大师

  01
• 
  用CSS实现文字垂直居中的代码

  标签：Web开发

  用CSS实现文字垂直居中的代码 style type="text/css" !-- .con_div{ width:400px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle; background:red; color:#fff } /*FOR IE*/ .webjx{ width:0; height:100%; display:inline-block; vertical-align:middle; } -- /style div class="con_div" span class="webjx"/span 测试内容 /div [ 查看全文 ]

  happy漂泊的人

  21
• 
  html页面中嵌入另一个html页面

  标签：Web开发

  1、Iframe： iframe src="top1.html" frameBorder="0" width="900" scrolling="no" height="90"/iframe 2、Behavior的download方式 span id=show/span IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" / script function onDownloadDone(downDate){ showImport.innerHTML=downDate } oDownload.startDownload('b.htm',onDownloadDone) /script [ 查看全文 ]

  igiwxave323880

  381
• 
  创建一个ASP通用分页类(一)

  标签：ASP

   从开始学习到使用ASP到现在也写了不少程序了，最令人头痛的是写数据分页，每次都是由于几个变量名或几个参数的不同，因而需要每次都写哪一段冗长而又繁杂的分页代码，代码长了使得程序的可读性变差，容易出差，调试半天也找不出错在哪里，所以慢慢的我开始使用一些网上的提供的分页函数或分页类。的确省事不少，但是通常的函数和类的做法都是就数据显示部分也封装了起来，每次为了达到自己需要的显求效...[ 查看全文 ]

  laugher2100

  11
• 
  CSS实战：用dl、dd、dt做一个网页表单

  标签：Web开发

  昨天做了个表单，依旧用table来布局，因为个人感觉table布局表单是不错的（追求div重构，不等于完全抛弃table）。 今天早上起来，想想还是换种方式来做表单的布局。于是便选种了dl、dd、dt，如下： XHTML部分： dl dt公司名称：/dt ddinput name="text" type="text" value="广州骏宝实业有限公司" size="50" / span class="red"*/span/dd dt公司工业类别：/dt ddselect name="select"option计...[ 查看全文 ]

  wgahjl

  151