在使用div+css布局时,首先应该根据网页内容进行结构设计,仔细分析和规划你的页面结构,你可能得到类似这样的几块: 页面层容器、页面头部、标志和站点名称、站点导航(主菜单)、主页面内容、子菜单、搜索框、页脚(版权和有关法律声明)。 通常采用DIV元素来将这些结构定义出来,类似这样: 页面层容器 页...
分类:
Web程序 时间:
2015-06-11 00:02:12
阅读次数:
240
Div+css布局应用一、html元素分类2.1、顶级元素(Top-level element)定义组成html页面最顶级标签特点1、 不可设置宽高;2、 必须在文档流中处于最高级位置;3、 包含所有块级元素及内联元素,不可被包含;常见元素htmlbodyframeset2.2、块级元素(Block...
分类:
Web程序 时间:
2015-06-10 20:52:25
阅读次数:
234
1、width 宽2、height 高3、文本font-family 设置字体样式如:微软雅黑font-size 设置字体大小font-style:normal(常规字体) | italic(斜体) | oblique(倾斜) 字体的风格font-weight:normal(正常) | bold(加...
分类:
Web程序 时间:
2015-06-09 13:30:22
阅读次数:
240
当文本过长,需缩略显示时,使用CSS属性【text-overflow】即可满足需求:关键字: text-overflow:ellipsis语法:text-overflow : clip | ellipsisclip :默认值 。不显示省略标记(...),而是简单的裁切.ellipsis: 当对象内文...
分类:
Web程序 时间:
2015-06-08 18:57:14
阅读次数:
147
CSS网页切图实例教程下7、导航的制作,是一个典型的ULLI列表。我们先写出HTML代码,而在我们导航列表之间有一个竖线隔开。<ul><li><a
href="#">divcss8.com首页</a>|</li><li><ahref="#">关于捷福</a>|</li><li>&..
分类:
Web程序 时间:
2015-06-06 15:07:56
阅读次数:
144
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:46:53
阅读次数:
127
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:45:25
阅读次数:
120
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:44:56
阅读次数:
127
为了防止浏览器宽度变化影响内容的显示 通常会这样做 …… .wrapper { width:960px; margin:auto;}这样内容就有了一个固定的宽度 而且能居中显示当窗口宽度小于960px就要考虑响应式布局了CSS定位默认static布局 按照从上往下排列rela...
分类:
Web程序 时间:
2015-06-01 18:37:16
阅读次数:
143
clear属性的作用 指定某个元素的一侧不能出现浮动元素。它是通过为这个元素在上边距之外增加空间,从而使得这个元素的顶部和浮动元素的底部对齐。这里作用的仅仅是同一个bfc下的浮动元素。 This property can clear an element only from floated boxe...
分类:
Web程序 时间:
2015-05-29 00:40:00
阅读次数:
144