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

“边框粗细”：表格的边框。数值越大，边框越粗。值为0时无边框。 “单元格边距”：表格内单元格之间的距离。 “单元格间距”：单元格边框相对于单元格内容的距离。 “表格宽度”：可以用百分比和像素表示。百分比表示表格宽度与浏览器窗口宽度的百分比，用此单位插入的表格宽度为一个相对数，当浏览器宽度发生变化时，表格也发生变化。像素表示以像素值设置表格宽度，用此单位插入的表格为一个固定值，不会随浏览器变化。 什么是CSS CSS是Cascading Style Sheets的简称，译为“层叠样式表”或“级联样式表”。 虽然CSS在网页里与HTML编写在一起，但是它不属于HTML，它可以扩展HTML的功能，调整字间距、行间距，取消链接的下划线、多种链接效果，固定背景图像等 。 样式表的优点 (1)制作更新站点的多个页面，更快更容易 (2)格式和结构分离 (3)实现网页中各元素的准确定位。 (4)制作体积小，下载页面快 CSS样式类型 1) 自定义CSS样式 2) HTML 3) 级联样式表选择器样式 CSS的引用 (1) 外部样式 2) 内部样式 文档头方式 直接插入式 img src=images/ditu.gif width=500 height=500 style=filter:blur(Strength=50) 在css.css文件中代码如下所示： .font1 { font-size: 12px; color: #666666; } 在网页文件中套用css样式文件代码如下： head style type=text/css !-- -- /style link href=css/css.css rel=stylesheet type=text/css /head body CSS套用规则 样式表具有层叠性，也称为继承性，即内层标签的样式继承外层标签的样式。若不同的选择符定义相同的元素时，他们的优先级是ID选择符高于类选择符，类选择符高于标签选择符。若要超越这个规则，可以加入！important，如： p (color: #ff0000!important)／*红色*／ .blue (color: #0000ff／*蓝色*／ #idl｛color: #00ff00)／*绿色*／ 加入！important段落为红色，否则为绿色。 网页布局 应用CSS样式 * *