文档详情

网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性习题.pptx

发布：2025-02-10约小于1千字共10页下载文档

文本预览下载声明

CSS3的属性习题

目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5

习题51.制作隔行换色表格，如图5-38所示。

习题52.使用CSS修饰文本域，显示效果如图5-39所示。

习题53.使用CSS修饰常用的表单元素，制作用户调查页面，显示效果如图5-40所示。

习题54.制作网页中不同区域的链接效果，显示的效果如图5-41所示。

习题55.制作如图5-42所示的导航栏。

习题56.制作如图5-43所示的导航栏。

习题57.使用CSS实现社区网广告板块的设计，如图5-44所示。

祝贺你又学完了一章《网页设计与制作教程Web前端开发第7版》

显示全部

相似文档

网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型-CSS3多列属性.pptx CSS3的多列属性可以将文本内容设计成像报纸一样的多列布局。CSS3的盒模型CSS3多列属性目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.5CSS3多列属性6.5.1列数属性column-count语法：column-count:integer|auto示例：styletype=text/css.newspaper{column-count:3;}/stylebodydivclass=newspaper文字…/div/body 6
2025-02-10 约3.83千字 17页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性实训——制作社区网页面.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性实训——制作社区网页面目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.9实训——制作社区网页面5.9.1制作通知公告板块1.页面布局规划页面布局的首要任务是弄清网页的布局方式，分析版式结构，待整体页面搭建有明确规划后，再根据规划切图。通知公告板块页面的效果如图5-34所示，页面布局示意图如图5-35所示。 5.9实训——制作社区网页面
2025-02-13 约5.47千字 13页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS列表属性.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS列表属性目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.5CSS列表属性5.5.1图像作为列表项的标记属性list-style-image语法：list-style-image:none|url(url)|inherit示例：ul.out{list-style-position:outside;list-style-image:
2025-02-08 约3.39千字 13页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS文本属性.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS文本属性目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.3CSS文本属性5.3.1文本颜色属性color语法：color:color示例代码如下。div{color:red;}/*颜色值为颜色名称*/div{color:#000000;}/*颜色值为十六进制值*/div{color:rgb(0,0,255);}/*颜色值为rgb
2025-02-08 约4.37千字 20页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS字体属性.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS字体属性目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.2CSS字体属性5.2.1字体类型属性font-family语法：font-family:name1,name2,…示例：div{font-family:Courier,“CourierNew”,monospace,“微软雅黑;} 5.2CSS字体属性5.2.2字体尺寸属性
2025-02-11 约2.82千字 14页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS表格属性.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS表格属性《网页设计与制作教程Web前端开发第7版》目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.6CSS表格属性5.6.1合并边框属性border-collapse语法：border-collapse:separate|collapse示例：table{border-collapse:separate;} 5.6CSS表格属性
2025-02-09 约3.03千字 15页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS尺寸属性.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS尺寸属性目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.4CSS尺寸属性5.4.1宽度属性width语法：width:auto|lengthmargin-left+border-left+padding-left+width+padding-right+border-right+margin-right 5.4CSS尺寸属性5.
2025-02-11 约1.59千字 11页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS属性的应用.pptx 本章介绍CSS设置背景、文本、列表、图像、表格、表单、链接等元素的属性样式。CSS3的属性CSS属性的应用《网页设计与制作教程Web前端开发第7版》目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.8CSS属性的应用5.8.1设置图像样式CSS样式中有关图像控制的常用属性，见表5-3。 5.8CSS属性的应用1.图像缩放【例5-20】设置图像缩放，本例文件5-20.html的显示效果，如图5-23所示。 5.8CSS属性的应
2025-02-08 约7.39千字 25页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的属性-CSS背景属性.pptx 网页背景是网页设计的重要因素之一，不同类型的网站有不同的背景和基调。背景属性在命名时，使用“backgroup-”前缀。CSS3的属性CSS背景属性目录CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.1CSS背景属性5.1.1背景颜色属性background-color语法：background-color:color|transparentp{background-color:silver;}div{background-c
2025-02-12 约1.35万字 52页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型-CSS盒模型的属性.pptx padding-border-margin模型是一个通用的描述盒子布局形式的方法。对于任何一个盒子，都可以分别设定4条边各自的padding、border和margin，实现各种各样的排版效果。CSS3的盒模型CSS盒模型的属性 目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.2CSS盒模型的属性6.2.1CSS内边距属性padding1.顶边的内边距属性padding-top语法：padding-top:auto|length|百分
2025-02-10 约1.37万字 50页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型-CSS盒子定位属性.pptx 定位（Positioning）它允许用户定义元素框相对于其正常位置应该出现的位置或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。CSS为定位提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠。CSS3的盒模型CSS盒子定位属性目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.4CSS盒子定位属性6.4.1定位位置属性top、right、bottom、left语法：top:auto|lengthright
2025-02-07 约6.42千字 20页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型-CSS布局属性.pptx CSS为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠。CSS3的盒模型CSS布局属性目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.3CSS布局属性6.3.1元素的布局方式概述1.一切皆为盒块级元素?“块盒子”（或称块框）。行级元素?“行级盒子”（或称行级框）。 6.3CSS布局属性2.CSS定位机制元素的布局方式，也称CSS定位机制，CSS有三种基本的定位机制：普通文档流、浮动和定位。（1
2025-02-07 约5.97千字 30页立即下载
网页设计与制作教程——Web前端开发 第7版 课件第5章 CSS3的属性.pptx 网页背景是网页设计的重要因素之一，不同类型的网站有不同的背景和基调。背景属性在命名时，使用“backgroup-”前缀。第5章CSS3的属性5.1CSS背景属性目录第5章CSS3的属性5.1CSS背景属性5.2CSS字体属性5.3CSS文本属性5.4CSS尺寸属性5.5CSS列表属性5.6CSS表格属性5.7CSS内容属性5.8CSS属性的应用5.9实训——制作社区网页面习题5 5.1CSS背景属性5.1.1背景颜色属性background-color语法：background-color:color|transparentp{background-color:silver;}div{bac
2024-12-10 约4.34万字 181页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型习题.pptx 本节介绍社区网主页几个板块的制作，重点练习Div+CSS布局页面的相关知识。CSS3的盒模型习题《网页设计与制作教程Web前端开发第7版》目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.8练习1．使用图文混排技术制作如图6-47所示的书城页面。 6.8练习2．使用盒模型技术制作如图6-48所示的抽象艺术页面。 6.8练习3．制作三行两列宽度固定布局，，页面显示效果如图6-49所示。 6.8练习4．制作三行三列宽度固定布局，页面显示效
2025-02-09 约小于1千字 11页立即下载
网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型实训——制作社区网网页.pptx 本节介绍社区网主页几个板块的制作，重点练习Div+CSS布局页面的相关知识。CSS3的盒模型实训——制作社区网网页《网页设计与制作教程Web前端开发第7版》目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习 6.7实训——制作社区网网页6.7.1制作新闻图片板块1.页面布局规划 6.7实训——制作社区网网页2.前期准备1）栏目目录结构。在栏目文件夹(d:\sunshine\)下创建文件夹images和css，分别存放图像素材和外部样式表文件
2025-02-08 约6.32千字 20页立即下载