《动态网页设计与制作——HTML+CSS+JavaScript 第2版 教学课件 ppt 作者 吴以欣 陈小宁 第3章 CSS实用技巧》由会员分享,可在线阅读,更多相关《动态网页设计与制作——HTML+CSS+JavaScript 第2版 教学课件 ppt 作者 吴以欣 陈小宁 第3章 CSS实用技巧(13页珍藏版)》请在金锄头文库上搜索。
1、,第3章 CSS实用技巧,Page 1,1,2,3,4,CSS用于网页布局设计,CSS的常用技巧,CSS用于菜单设计,CSS其他设计原则,Page 2,CSS的常用技巧,CSS基本语法,目 录,CSS用于网页布局设计,CSS其他设计原则,CSS的常用技巧,1.网页内容的居中对齐 2.网页内容的隐藏与显示 3.方框长度的计算 4.圆角边框 5.图片 6.定义外部样式表的选项,1、CSS的常用技巧,Page 3,Page 4,在文档中 插入图片,透明图片,叠加图片,阴影效果,Page 5,Page 6,Page 7,CSS的常用技巧,CSS基本语法,目 录,CSS用于网页布局设计,CSS其他设计原
2、则,CSS用于网页布局设计,Page 8,CSS的常用技巧,CSS基本语法,目 录,CSS用于网页布局设计,CSS其他设计原则,CSS用于菜单设计,一般菜单的设计步骤如下:,1,2,3,以列表项的形式写出菜单的内容,列表项中包含有链接。,然后,通过样式表的定义改变菜单的表现形式,如去掉列表项符号,在菜单之间加上分割线,为菜单项加上背景色或背景图片等。,如果需要,加上JavaScript程序, 以便更好地控制菜单。,Page 9,菜单设计的内容:,1.简单的导向菜单条 2.简单的标签菜单 3.推拉门式图片标签菜单,Page 10,Page 11,CSS的常用技巧,CSS基本语法,目 录,CSS用于网页布局设计,CSS其他设计原则,CSS其他设计原则,Page 12,CSS其他设计原则:,1有效地定义样式名 2尽量使用CSS的简写方式 3有效地控制边距和间距 4不要定义缺省值 5尽量使用已有的HTML元素 6尽量组合定义样式 7使用正确的Doctype 8验证CSS,Page 12,Page 13,