HTML5+CSS3+JavaScript Web前端开发实例教程课件 单元6 CSS3排版属性.pptxVIP

单元6CSS3排版属性

【目录】6.1CSS3列表6.2CSS3隐藏6.3CSS3的display属性6.4CSS3表格6.4.1caption-side属性6.4.2表格边框属性6.4.3border-collapse属性6.4.4设置表格宽度和高度6.4.5设置表格内文字对齐方式6.4.6设置表格隔行色6.5CSS3盒子模型6.5.1padding属性6.5.2border属性6.5.3box-sizing属性6.5.4outline属性6.5.5margin属性【商业实例】“仿写淘宝首页”项目——设置样式任务一设置分类、轮播图和用户信息模块的样式任务二设置登录模块的样式【综合实训】制作介绍四大名著的Tab【单元小结】目录

【学习导读】CSS3排版属性是一组用于控制和定位网页内容的属性集合。通过使用CSS3排版属性，可以实现更灵活和精确的布局效果，改变文本的外观和排列方式，创建各种视觉效果。通过排版属性可以指定文本的字体、行高、行距、对齐方式等，还可以控制元素如何与网页中的其他元素进行交互。本单元将详细介绍CSS3排版属性的使用方法。学习导读

【学习目标】知识目标1．掌握有序列表和无序列表样式的设置方法。2．掌握表格样式的设置方法。3．理解CSS3盒子模型的原理。能力目标1．能够独立设置列表样式。2．能够设置表格样式