-
给最外层的div(class="wrap" 设置css样式 width=1000px就会好办很多，居中就很容易了（泪查看全部
-
页面布局查看全部
-
导航栏结构查看全部
-
新闻详细页制作： 1、段落当中设置行高：line-height； 2、设置段落首字缩进：text-indent：2em; em这个单位是一个相对长度单位，相当于当前对象当中文本的字体的尺寸。查看全部
-
岛航条查看全部
-
页码的制作：<br><br> 1、设置几个超链接：<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a><br> 2、设置样式。 3、注意兼容性：设置display：inline-block；它是兼容了内联元素与块级元素的特性。查看全部
-
左侧列表制作： 1、当对某一个对象的即设置了背景图像，也设置了背景颜色时，显示时是以先显示背景图像为主，也就是说，当图像设置为不重复时，在左侧显示背景图像，而其他地方显示背景颜色。 2、因为li是一个内联元素，所以显示背景颜色时只会在文字上面才有效果。 要解决这一问题需要把li内联元素变为块级元素，即在超链接的样式中添加一个display：block；查看全部
-
内容展示区制作： 1、信息展示时，为了不让新闻部分的浏览影响到下面的导航栏部分，可以在设置高度时设置最小高度 min-height; 为了不让信息浏览时页面把下面导航栏撑开，可以在底部版权区的样式中设置 清除浮动：clear：both； 2、注意：min-height在IE6中是不支持的。所以需要在下面添加一个 _height：350px; 3、为了使网页在浏览器中都兼容，需要在最开始的主要样式中不能设置固定高度，还该设置为最小高度和 _height：350px。查看全部
-
_height:300px;别忘了兼容ie6 使文字向下扩展查看全部
-
清除浮动clear查看全部
-
新闻中心的制作：<br><br> 1、可以分为新闻标题、图片新闻和新闻列表三部分。<br><br> 2、新闻标题：标签<h2>；注意用超链接添加 “ more>>” 表示“》”； <br> 下边框border—bottom：2px solid #000； 字体加粗font—weight：bold；而且是左浮动； 内间距padding—left； 去掉字体下划线text— decoration； <br> 图片在字体的左边位于一行，设置图片左浮动、边距即可。 设置行高line—height； 3、图片新闻：添加图片；添加 h2 标签等。<br> 4、新闻列表：ul标签和li标签。查看全部
-
新闻中心的制作：<br> 1、可以分为新闻标题、图片新闻和新闻列表三部分。<br> 2、新闻标题：标签<h2>；注意用超链接添加 “ more>>” 表示“》”； 下边框border—bottom：2px solid #000； 字体加粗font—weight：bold；而且是左浮动； 内间距padding—left； 去掉字体下划线text— decoration； 3、图片新闻：添加图片；添加 h2 标签等。 4、新闻列表：ul标签和li标签。查看全部
-
新闻中心的制作：<br> 1、可以分为新闻标题、图片新闻和新闻列表三部分。<br> 2、新闻标题：标签<h2>；注意用超链接添加 “ more>>” 表示“》”； 下边框border—bottom：2px solid #000； 字体加粗font—weight：bold；而且是左浮动； 内间距padding—left； 去掉字体下划线text— decoration； 3、图片新闻：添加图片；添加 h2 标签等。 4、新闻列表：ul标签和li标签。查看全部
-
信息展示区的制作： 1、把大盒子分为三个小盒子。大的<div class=""main></div> 和三个小的盒子<div class="new"></div> <div class="course"></div> <div class="siderbar"></div> 2、定义样式表。三个div都是左浮动，使其在水平方向上排列。用margin设置边距。border用来设置边框线。查看全部
-
焦点图的制作：<br><br> 1、焦点图的分类：js焦点图 flash焦点图 css焦点图 jq焦点图（受到青睐）<br> 推荐使用简单便携的my_focus插件 下载插件，然后复制文件中的js文件夹。 引入my focus 文件，在head标签结束之前添加<script src="js" type="text/javascript"></script> 引入myfocus文件中风格文件，<script src="指定风格文件的路径，要选择js文件不要选择样式表文件" type="text/javascript"></script> 引入风格对应的样式表文件，<link href="指定样式的路径" rel="stylesheet" type="text/css"> 2、构建页面当中使用的图片，用div和创建列表 ul然后添加列表项 li在这当中放置图片 3、定义样式。（设置图片高度）（添加overflow：hidden 表示当这些图片溢出之后就隐藏掉） 4、设置图片切换功能：在head 标签之前添加<script type="text/javascript"></script>为了调用myfocus初始化工作。 初始化前需要给图片的div起个id名picbox。 然后在上面调用这个id。如<script type="text/javascript">myfocus.set({id:picbox})</script> 注意的是：构建图片列表的时候必须再用一个div把图片包围起来,而且类名必须是<div class="pic"></div> 5、也就是说：在焦点图初始化的id与图片列表最外层的id一致。 图片列表外面，包裹一个class为pic的div。 6、为图片添加loading提示：在图片之上加<div class="loading"><img src="loading的图片" alt="图片正在加载中"/></div> 7、my focus详细学习地址：http://demo.jb51.net/js/myfocus/tutorials.html查看全部
举报
0/150
提交
取消