仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1635|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS网页计划实例:计划制造年夜背景网页

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:16:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
破洛洛文章简介:怎样用CSS完成年夜背景网页计划.
自从我公布了年夜背景网页计划合集以后,我收到了良多电子邮件扣问怎样用css完成年夜背景的网页计划。因而我决意和人人分享年夜背景网站的计划技能。在此教程中,我会用一些实例来讲明怎样用一张大概两张图片完成年夜背景网站的计划。
常常会犯的毛病:背景被扩充(检察示例)
检察示例文件,在小于1280分辩率时,是没有成绩的。可是假如你的显现器的分辩率年夜于1280像素,你会看到背景图片之外的部分。



实例1:一张图片(检察示例)
复杂的办理成绩的办法:将图片边沿的色彩设置成和网页背景致不异的色彩。这里我用WebDesignerWall作例子,看上面的图片,注重图片的边沿是纯色的。



CSS部分
这部分很复杂,为body元素设置背景图象(定位于center,top)



以下是css代码:
body{
padding:0;
margin:0;
background:#f8f7e5url(wdw-bg.jpg)no-repeatcentertop;
width:100%;
display:table;
}
注重察看在body选择符内有两条分外的线条,如许是为了避免当扫瞄器窗口比内容宽度小时,背景图片的改动。(这在firefox会呈现)




破洛洛文章简介:怎样用CSS完成年夜背景网页计划.

实例2:两张图片(检察示例)
我将会用到DesignJobsontheWall做例子,我给body标签使用了反复的软木板的图案,然后给wrapper标签使用了居中的背景图案。



这里的窍门在于给Gif图象利用了和软木背景类似的但却更深的色彩。



实例3:天空背景(检察示例)
在这个例子中,我给body标签使用了1个像素的程度偏向反复的突变。然后我给wrapper标签加上了一张居中的云朵背景图片。



更新:给html选择符使用天空背景图片(检察示例)
感激读者的批评,以下是给html选择符使用了突变背景,因而wrapper标签就不再必要了,这是更加简便的一个办法。



原文链接:Howto:CSSLargeBackground

</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-16 22:56:55 | 只看该作者

来看看:CSS网页计划实例:计划制造年夜背景网页

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
蒙在股里 该用户已被删除
板凳
发表于 2015-1-20 07:23:52 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-1-28 23:35:33 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
海妖 该用户已被删除
5#
发表于 2015-2-5 23:03:03 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
兰色精灵 该用户已被删除
6#
发表于 2015-2-14 02:33:55 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
冷月葬花魂 该用户已被删除
7#
 楼主| 发表于 2015-3-4 04:05:45 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
活着的死人 该用户已被删除
8#
发表于 2015-3-11 16:21:33 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
山那边是海 该用户已被删除
9#
发表于 2015-3-27 03:56:28 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 13:48

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表