《电子商务网页制作技术 教学课件 PPT 作者 王春燕 网页布局》由会员分享,可在线阅读,更多相关《电子商务网页制作技术 教学课件 PPT 作者 王春燕 网页布局(9页珍藏版)》请在金锄头文库上搜索。
1、网页布局,“边框粗细”:表格的边框。数值越大,边框越粗。值为0时无边框。 “单元格边距”:表格内单元格之间的距离。 “单元格间距”:单元格边框相对于单元格内容的距离。 “表格宽度”:可以用百分比和像素表示。百分比表示表格宽度与浏览器窗口宽度的百分比,用此单位插入的表格宽度为一个相对数,当浏览器宽度发生变化时,表格也发生变化。像素表示以像素值设置表格宽度,用此单位插入的表格为一个固定值,不会随浏览器变化。,应用CSS样式,什么是CSS,CSS是Cascading Style Sheets的简称,译为“层叠样式表”或“级联样式表”。 虽然CSS在网页里与HTML编写在一起,但是它不属于HTML,它
2、可以扩展HTML的功能,调整字间距、行间距,取消链接的下划线、多种链接效果,固定背景图像等 。,样式表的优点,(1)制作更新站点的多个页面,更快更容易 (2)格式和结构分离 (3)实现网页中各元素的准确定位。 (4)制作体积小,下载页面快,CSS样式类型,1) 自定义CSS样式 2) HTML 3) 级联样式表选择器样式,CSS的引用,(1) 外部样式 2) 内部样式 文档头方式 直接插入式 ,在css.css文件中代码如下所示: .font1 font-size: 12px; color: #666666; 在网页文件中套用css样式文件代码如下: ,CSS套用规则,样式表具有层叠性,也称为继承性,即内层标签的样式继承外层标签的样式。若不同的选择符定义相同的元素时,他们的优先级是ID选择符高于类选择符,类选择符高于标签选择符。若要超越这个规则,可以加入!important,如: p (color: #ff0000!important)*红色* .blue (color: #0000ff*蓝色* #idlcolor: #00ff00)*绿色* 加入!important段落为红色,否则为绿色。,