div+css
关注
分享
扫一扫
文章平均质量分 59
魅惑之眼
CodeRookie
展开
-
div+css基础——3.采用div浮动对div进行排版
div+css布局要使用盒子模型，以下是盒子模型图解： div属于块元素，每个div都独占一行，所以要想让多个div同时在一行显示，则需要使用两种技术： 1.浮动技术float 2.定位技术position浮动技术示例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional原创 2013-05-26 16:22:22 · 913 阅读 · 1 评论 -
div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 采用div定位技术对div进行排版(绝对定位，相对父容器定位) #father{ backgr原创 2013-05-26 16:34:45 · 1431 阅读 · 1 评论 -
div+css基础——8.绝对定位应用(照片签名)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 绝对定位应用(照片签名) #image{ position:relative; back原创 2013-05-26 16:36:40 · 760 阅读 · 0 评论 -
div+css基础——6.采用div定位技术对div进行排版(绝对定位,不指定父容器)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 采用div定位技术对div进行排版(绝对定位，脱离文档流) #father{ backgrou原创 2013-05-26 16:33:29 · 604 阅读 · 0 评论 -
div+css基础——2.网页宽度和居中设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 网页宽度和居中设置 body{ margin:0; padding:0; font-size:12px;原创 2013-05-26 16:10:44 · 1136 阅读 · 0 评论 -
div+css基础——9.div其它常用属性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div其它常用属性 #father{ background-color:#FFFF99;原创 2013-05-26 16:38:12 · 673 阅读 · 1 评论 -
div+css基础——1.页面全局属性设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 页面全局属性设置 body{ margin:0; /* margin:0;原创 2013-05-26 16:08:49 · 3908 阅读 · 1 评论 -
div+css基础——4.div浮动引发的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div浮动引发的问题 body{ margin:0 1px 2px 3px; } #f原创 2013-05-26 16:28:29 · 627 阅读 · 0 评论 -
div+css基础——5.采用div定位技术对div进行排版(相对定位)
div+css布局的第二种技术是定位技术position,定位技术又分为两种：1.相对定位relative2.绝对定位absolute下面是相对定位的示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit原创 2013-05-26 16:31:24 · 727 阅读 · 1 评论