传智播客轻松学习HTML+CSS-李静视频教程

文件路径

文件存放的位置


相对路径:网页和图像在同一个文件夹里(站点)

绝对路径:从一个站点跳转到另一个站点时,比如“百度”

存放图像的文件夹名称建议为:images image


注意:同时加背景图像和背景颜色,图像的优先级大于颜色


背景图像平铺


网页中常用图像格式:
1.gif格式:256种颜色,支持文件背景透明,支持动画效果

文件小,下载快


2.jpg格式:数百万种以上的颜色,不支持文件背景透明,不支持动画效果,但图像颜色品质高(精度高),一般用于数码照片

文件大,下载慢


位图(由一个一个像素点组成的)


3.png格式:fireworks软件的源文件格式,支持文件背景透明

一般的图像,导出文件选png8,透明就可以了

png24,写 css

4.TIFF格式:印刷格式


5.psd格式:photoshop源文件格式,可以编辑


网页中常用的字体:宋体,常用字号:12px(规范)

微软雅黑,黑体,宋体

特殊字体表现形式:通常是图片

如果有和你同样的字体,那么显示的页面结果跟本地浏览效果一样;
如果没有相同的字体,那么两种情况:
1.将特殊字体还原为浏览器默认的宋体;
2.直接显示乱码


<b></b>加粗
<i></i>倾斜


<strong></strong>
<em></em>
结构化标签,加强


占位符 &nbsp;

字符”<”用字符串”&lt”表示;

字符”>”用字符串”&gt”表示;

? 版权&copy;

? 注册商标&reg;

背景图像:不能被选中,可以平铺,背景图像上可以出现其它内容(文字,水平线,插入图像,动画,视频等)

插入图像:可以被选中,可以做链接,但插入图像上不能再加其它内容


要求:网站里使用的所有图像名称不能是中文,数字、拼音、英文都可以

width宽度
height高度

关于图像成比例缩放

大图像可以缩小(正比例)
小图像最好不要放大(放大会模糊)

注意:模糊与变形的图像都不要放到网站,会影响整个网站的视觉效果

50*50px 1000*1000px

06淘宝商品展示效果

07DW模板问题

07if语句上集

07jquery操作dom上集

07数据类型

08if语句下集

08jquery操作dom下集

08数据类型转换

08图片展示效果

09if嵌套

09特殊字符

10天气预报效果

dl的用法

id选择器

阿里巴巴导航

百度搜索结果页01

百度搜索结果页02

百度注册信息页面制作

背景图像和图像格式

表单元素的应用

表格

表格的应用

表格属性

表格属性01

并集选择器

盒子的浮动

盒子模型01

后代选择器

今日小说排行榜的制作

块级元素与行内元素之间的转换

类别选择器

链接和综合实例01

链接和综合实例02

链接式样式引入方法

链接样式的设置

列表嵌套关系

美团网效果01

美团网效果02

全局声明

三级列表

搜狐家居大视野

搜狐品质生活切图01

搜狐品质生活切图02

搜狐商铺的制作01

搜狐商铺的制作02

搜狐新闻

搜狐页面分析和标准流定位原则

淘宝01

淘宝02

腾讯新闻图片

腾讯新闻图片1

添加背景图片

同时应用两种类别样式的方法

网易页面

无序列表

细线表格的制作

相对定位和绝对定位的用法

相对定位和绝对定位综合应用

样式的引入方法与基本选择器

有序列表

中国体彩导航

自定义列表

自定义列表的排版

字体设置

综合实例和图像插入

01

01jqueryCSS操作

01jquery体验

01js简介--亲密体验

01过滤选择器上集

01淘宝下拉菜单效果上集

01折叠菜单与switch

02

02jquery对象简介

02js的调用方式

02过滤选择器下集

02如何调用jquery特效

02淘宝下拉菜单效果下下集

02下拉菜单上集

03

03jquery基本选择器

03jquery下拉菜单效果

03js注意事项

03横向下拉菜单

03下拉菜单下集

03下拉菜单制作

04

04jquery层级选择器

04变量基础

04表单操作

04通过元素名称获取元素

04自定义函数

05jquery层级选择器2

05变量详解

05表单操作下

05表单选择器

05创建html元素

05对元素的操作

06百度菜单效果上集

06计算器上集

06神奇开发工具zen coding

如有BUG、建议、下载地址失效等问题请登录账号-个人中心-我的工单-提交工单反馈给管理员,我们会及时回复。