版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、第九讲使用CSS设置回顾 CSS中如何设置图片代替文本?图文混排中,使用哪个CSS属性可以实现?CSS中剪切图片的思路是如何呢?背景颜色给页面分块背景图片的设置背景图像替换滑动门技术的标题背景综合一:我的个人主页背景综合二:古词念奴娇赤壁怀古本讲目标新知识导入 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景。 但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。 常用的浅色案例 一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为
2、了追求醒目的视觉效果,可以为标题使用较深的颜色。 网页颜色原理和象征意义 我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表示方法(如#000000表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。 红色-是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。 绿色-介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。 橙色-也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。 黄色-具有快乐,希望,智慧和轻快的个性,它的明度最高。 蓝色-是最具凉爽,清新,专业的色彩。它和白色混合,
3、能体现柔顺,淡雅,浪漫的气氛(象天空的色彩) 黑色-具有深沉,神秘,寂静,悲哀,压抑的感受。 灰色-具有中庸,平凡,温和,谦让,中立和高雅的感觉。 白色-具有洁白,明快,纯真,清洁的感受。 网页颜色的使用风格 1、 公司色 在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。 2、 风格色 许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色
4、是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多这些都是在突出自己的风格。 3、 习惯色 这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。 案例演示背景色给页面分块查看源代码背景图片的重复 使用CSS为页面添加背景图片的方法,使用属性 background-imagebackground-image:url(bg1.jpg); /* 背景图片 */background-repeat:repeat-y; /* 垂直
5、方向重复 */案例演示1案例演示2案例演示3案例演示4背景图片的位置发现:无论网页如何拉伸,楼房的背景图片一直处于页面的右下角,那么将如何设置呢?查看源代码添加多个背景图片 由于在CSS中,一个标记只能使用一次background属性,若想添加多个背景,只有给多个标记添加不同背景来实现查看源代码背景样式的缩写background-color:blue;background-image:url(bg1.jpg);background-repeat:repeat-y;background-attachment:fixed;background-position:5px 10px;background:blue url(bg1.jpg) repeat-y fixed 5px 10px;严格来说没什么顺序之分,但推荐一定的次序有利于代码修改和阅读:颜色、背景图片、是否重复、是否固定、如何定位标题的图像替换素材准备参考代码滑动门技术的标题效果:我们看到上
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 教师听讲座的心得体会
- 幼儿园家长会配班发言稿
- 参加义务劳动的活动总结范本(三篇)
- 大学生环境保护活动总结范本
- 5G时代对医疗档案资源共享服务发展研究
- 5G+工业互联网:融合应用加速落地
- 4-苯胺喹唑啉类化合物合成研究进展
- 337调查下的企业专利诉讼策略博弈分析
- 220kV变电站电容器组差压保护频繁动作原因分析
- 2021年新高考下的化学试题探究与教学策略-以全国Ⅰ卷、北京卷和山东卷为例
- 《红楼梦》叙事趣谈智慧树知到期末考试答案2024年
- 《工程热力学》(第四版)全册配套完整课件
- 教育统计学教案
- 烟草公司招聘考试卷真题
- 艺术治疗实践方案
- 《金融消费者保护》课件
- 腰椎射频消融术后护理常规
- 数据安全培训课件
- 2024年中国南水北调集团生态环保有限公司招聘笔试参考题库附带答案详解
- 德国铁路运输计划书
- 风电场重大安全环保事故、隐患预防措施
评论
0/150
提交评论