韩顺平_php从入门到精通_视频教程_第15讲_di-css作业评讲①_学习笔记_源代码图解_PPT文档整理
2012-11-14 22:40
1316 查看
文西马龙:http://blog.csdn.net/wenximalong/
作业1
home1.html
home1.css
background: pink;
background-color: pink;
<body style="background: url('m4.jpg')">
是背景不是图片,背景多用,背景很节省带宽,虽然把图片平铺了,很多张图片在浏览器里显示,但是只向服务器发送了一次请求,
如果是这样
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
有些浏览器会真的向服务器发送5次请求,很浪费带宽
经验:优先考虑使用背景图片
test.html
韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录
作业1
home1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel="stylesheet" type="text/css" href="home1.css" /> <title>作业1</title> </head> <body> <div class="div1"> <ul class="faceul"> <li><img src="m4.jpg" /></li> </ul> </div> </body> </html>
home1.css
.div1{ width: 500px; height: 300px; border: 1px solid red; } .faceul li{ list-style-type: none; }
background: pink;
background-color: pink;
<body style="background: url('m4.jpg')">
是背景不是图片,背景多用,背景很节省带宽,虽然把图片平铺了,很多张图片在浏览器里显示,但是只向服务器发送了一次请求,
如果是这样
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
<img src="m4.jpg" />
有些浏览器会真的向服务器发送5次请求,很浪费带宽
经验:优先考虑使用背景图片
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel="stylesheet" type="text/css" href="home1.css" /> <title>test</title> </head> <!--平铺 <body style="background: url('m4.jpg')"> --> <!--不平铺 <body style="background: url('m4.jpg') no-repeat;"> --> <!--只平铺x轴 <body style="background: url('m4.jpg') repeat-x"> --> </body> </html>
韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录
相关文章推荐
- 韩顺平_php从入门到精通_视频教程_第17讲_div-css作业评讲③_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第16讲_div-css作业评讲②_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第10讲_div-css开山篇_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第14讲_盒子模型经典应用②_作业布置_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第11讲_初识css_类选择器_id选择器_html选择器_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第22讲_可爱屋首页面(浏览器兼容)评讲_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第21讲_解答学员问题_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录
- 韩顺平_php从入门到精通_视频教程_第5讲_无序列表_有序列表_框架_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第7讲_表单及表单控件②_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第18讲_浮动_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录
- 韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录
- 韩顺平_php从入门到精通_视频教程_第4讲_图像_表格_实际应用-菜谱_课堂练习-课程表_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第9讲_多标签汇总②_线包字效果_测试题_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第1讲_html介绍_html运行原理①_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第12讲_通配符选择器_父子选择器_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第2讲_html运行原理②_html文件基本结构_html元素和属性_学习笔记_源代码图解_PPT文档整理