《网页设计与制作》第5章.ppt

需求说明： 根据提供的素材，修饰上一练习：贵美分类 练习——修饰贵美商品分类 欢迎词：字符间距5px并带下划线 商品分类：带背景、无列表符号、左浮动 顶边距可以使用一个空ul，设置高度为15px 完成时间：20分钟 需求说明： 根据提供的背景素材实现 练习——制作圆角矩形 完成时间：25分钟 顶部 中部 底部 * 1）最主要的原因：样式表可以实现内容与样式的分离 说明有哪些好处 2）w3c推荐的做法 内容和样式的分离 内容和行为的分离 说明：JavaScript脚本语言将在第二学期相关课程详细介绍 * * 提一下CSS编码规范： 1）代码都小写 2）可以添加注释说明：同C#,单行//，多行/*......*/ * 规定块的样式，一般和DIV标签配对使用 * * 1、font为缩写形式，又细分为font-weight、 font-size、 font-family 2、不断行：指一行内容较多，浏览器默认会换行显示。如设置为不断行，则超过一行时也不断行。例如：本例新闻标题的链接，因从数据库读出，布置新闻标题有多长。为了页面美观起见，可以规定新闻标题不断行，及时超过一行也不换行显示。 行高：line-heigth还有一功能，它规定行高后，可以是本行内容垂直居中。 * 注意font字体样式的缩写形式： font:粗细 大小/行高 字体;” 示