原创力文档- 1、本文档共27页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
第五章
CSS样式表（一）
;制作贵美“商品分类”版块
制作背景为圆角矩形的效果;掌握CSS的基本语法
使用文本和字体样式美化网页
使用背景样式美化网页;样式表能实现内容与样式的分离，方便团队开发
css garden /;样式复用、方便网站的后期维护
;页面的精确控制，实现精美、复杂页面 ;CSS的用途;head
style type=text/css
选择器（即修饰对象）{
对象的属性1: 属性值1;
对象的属性2: 属性值2;
}
/style
/head;标签选择器;style type=text/css
.blue{color:blue;}
……
/style
……
ul
li class=blue家用电器/li
li各类书籍/li
li class=blue手机数码/li
li日用百货/li
/ul
……;style
#menu{
width:200px; background:#ccc;
font:bold 14px 宋体;
}
/style
… …
div id=menu
ul
li家用电器/li
……
/ul
/div;需求说明：
使用各类CSS选择器，实现如下的页面美化效果
;行距、对齐等：
line-height （行高）
text-align （对齐）
letter-spacing （字符间距）
text-decoration （文本修饰 ）
white-space （空白处理 ）
;所有li的默认样式：
字体、字号：宋体，12px
对齐方式：左对齐
行高：28px;;;;图标截取--背景偏移量技术
;
;;列表属性;列表属性2-1;;CSS样式的设置思路？
CSS的基本语法是什么？有哪三类选择器？
常用的文本属性有哪些？
常用的背景属性有哪些？经典应用是什么？
常用的列表属性有哪些？经典应用是什么？;;需求说明：
根据提供的素材，修饰上一练习：贵美分类
;需求说明：
根据提供的背景素材实现
文档评论（0）