电子商务网页制作技术 教学课件 作者 王春燕 网页布局.ppt

《电子商务网页制作技术 教学课件 作者 王春燕 网页布局.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页布局“边框粗细”：表格的边框。数值越大，边框越粗。值为0时无边框。“单元格边距”：表格内单元格之间的距离。“单元格间距”：单元格边框相对于单元格内容的距离。“表格宽度”：可以用百分比和像素表示。百分比表示表格宽度与浏览器窗口宽度的百分比，用此单位插入的表格宽度为一个相对数，当浏览器宽度发生变化时，表格也发生变化。像素表示以像素值设置表格宽度，用此单位插入的表格为一个固定值，不会随浏览器变化。应用CSS样式什么是CSSCSS是CascadingStyleSheets的简称，译为“层叠样式表”或“级联样式表”。虽然CSS在网页里与HTML编写在一起，但是它不属于HTML，它可以扩展HTML

2、的功能，调整字间距、行间距，取消链接的下划线、多种链接效果，固定背景图像等。样式表的优点(1)制作更新站点的多个页面，更快更容易(2)格式和结构分离(3)实现网页中各元素的准确定位。(4)制作体积小，下载页面快CSS样式类型1)自定义CSS样式2)HTML3)级联样式表选择器样式CSS的引用(1)外部样式2)内部样式文档头方式直接插入式在css.css文件中代码如下所示：.font1{font-size:12px;color:#6

3、66666;}在网页文件中套用css样式文件代码如下：CSS套用规则样式表具有层叠性，也称为继承性，即内层标签的样式继承外层标签的样式。若不同的选择符定义相同的元素时，他们的优先级是ID选择符高于类选择符，类选择符高于标签选择符。若要超越这个规则，可以加入！important，如：p(color:#ff0000!important)／*红色*／.blue(color:#0

4、000ff／*蓝色*／#idl｛color:#00ff00)／*绿色*／加入！important段落为红色，否则为绿色。