学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。
    由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-02-15 00:29:35
                            
                                516阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            主要内容:“结构与表现分离”的设计思想纵向导航条与横向导航条的切换【步骤1】一、效果二、HTMLHome            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-21 09:02:44
                            
                                157阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述大家在制作网页过程中经常会遇到需要这种样式的di...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 11:44:03
                            
                                303阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            WEB标准与CSS布局概述
 
        WEB标准无疑是近两年在国内出现的一个新兴名词。大概从2003年左右开始,有关WEB标准与CSS网站设计的各类文章与讨论便伴随着网络上大大小小的设计与技术论坛开始展开,也掀起了一股学习WEB标准与CSS布局的热潮,以此之后众多网站设计爱好者的网站开始打上了“符合WEB            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2008-02-17 09:31:15
                            
                                769阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            最近很想把SQL学起来,毕竟想要在网络管理方面有发展ERP是一个必须掌握的方面,ERP又和数据库是紧密相连的。想直接学习软件开发感觉难度很大,以前多多少少学了下html,所以想从网站开发入手,学习一下网站,更主要的是把数据库学起来。
WEB标准:
网页主要由结构、表现和行为三方面组成。
结构化标准语言主要包括XHTML和XML;
表现标准语言主要包括CSS;
行为标准主要包括对象模型(如            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-01-05 09:30:42
                            
                                540阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            这几天在看一些web标准开发的东西,想通过一个div来模拟一下body.主是写下了以下几行style标签 <style type="text/css">        body{            height:100%;            width:100%;            overflow:hidden;            margin:0;            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-02 10:54:54
                            
                                87阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【前言】Web标准并不等同于DIV+CSS,网页设计中,很多地方,仍然需要使用表格,特别是在呈现一些表格数据的时候。【实例】一、效果二、HTML<table>    <tr>        <th>姓名</th>        <th>年龄</th>        <th>性别</th>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-16 17:47:39
                            
                                128阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            功能:在div中垂直方向居中;效果:源码:居中显示解决方案#outer{	height: 100px;	overflow: hidden;	position: relative;}#outer[id] {	display: table;	position: static;}#middle { /*for explore            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-22 10:21:37
                            
                                51阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言:width和heigth不会相互作用 ,各自为政!1、当div设置了固定的长度和宽度后高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果:2、若是div设置为百分比的形式宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-07-05 09:56:00
                            
                                404阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            下面的部分是著名设计师阿捷发表的div+css三行两列网页参考,星箭在此基础上做了小小的改动,以前乐思蜀也对阿捷的这个经典布局案例进行过修改,将左右代码互换,达到主体内容显示在前更方便搜索引擎抓取分析页面最重要内容的SEO目的,星箭也对阿捷的这个案例进行一番简单修改,主要是将左右代码互换,加入了h1,h2标签,对文字列表使用<li>等。
符合SEO标准的div+css页面参考            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2007-09-16 09:47:00
                            
                                396阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{  font-size:18px;                       
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:26:38
                            
                                1004阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。 e- l2 p9 D7 {  一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。]1 I  二、使用div对于设计使用AJAX等的时候,可以减少Javascript代码对于页面控制时候            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2009-09-16 14:29:34
                            
                                341阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            11-1.html<html><head><style type="text/css"><!--body {  margin:0px;  font-size:13px;  font-family:Arial;} #container{  position:relative;&n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 13:50:29
                            
                                942阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1-1.html<html><head>  <title>页面标题</title>     </head><body>  <h2>CSS标记</h2>  <p>CSS标记的正文内容从这里开始&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:55:05
                            
                                570阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css+vid</title><styletype="text/css">/*margin塌陷效果,上下元素|标签之间使用margin,并不是累加,而是采用marain大的值margin的缩            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-12-01 16:45:32
                            
                                695阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            css + div 定位<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 0 Transitional//EN""http://www.worg/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.worg/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charse            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-06-09 20:55:00
                            
                                199阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            css层叠样式表 div+css的优势1.符合W3C标准,微软等公司都是W3C的支持者2.搜索引擎更加友好3.样式的调整更加方便,内容和样式的分离,使页面的样式调整起来更加方便4.代码简洁5.表现和结构分离,容易分工            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 16:26:04
                            
                                148阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第 1 页
 《Div+CSS 布局大全》
 整理者:Jesse Zhao 网站: 送给我最爱的女朋友蜜蜜,希望她可以永远快乐幸福!!!
 《Div + CSS 布局大全》 
 第 2 页
 目录
 div+css布局入门 ..................................................................            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-23 15:05:48
                            
                                242阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://www.aa25.cn/layout/index.shtmlhttp://yankay-static.googlecode.com/svn/trunk/NoSql%20Database%20Note/index.htmlnosql            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-03-22 10:22:00
                            
                                163阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这2天开始学习css/div  今天的成果,代码如下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-01-22 22:46:50
                            
                                766阅读