第四章 慌——我能写出来（项目）吗？：本章主要讲解了CSS布局中的重难点：盒模型、浮动、定位以及弹性布局，并且讲解了电影网首页手机端的项目实战开发，将前几章所学知识点融会贯通，将HTML和CSS知识点完美的融合在一起，真正意义上开发出一个手机端web页面。通过这个小实例，让更多的学者喜欢上前端，喜欢上编程。4.1切图重构:本节内容讲述了网站实际开发中需要经历的所有阶段和具体步骤、font和background综合属性以及如何对网站划分主体结构。要求掌握的知识点：掌握网站开发中的5个阶段和每个阶段需要做的具体步骤；掌握font和background综合属性的使用，提高开发效率；可以根据设计图划分出主体结构模块，然后实现主体结构模块的开发。[单选题]下面关于justify-content属性值的说法中，错误的是（ ）。选项:[flex-start是默认值，表示向右对齐 , space-around：每个项目两侧的间隔相等，因此项目之间的间隔比项目于边框的间隔大一倍, space-between:两端对齐，项目之间的间隔都相等, justify-content属性定义了项目在主轴上的对齐方式 ]
4.2CSS布局:本节内容讲述了盒模型、浮动float、定位position和弹性盒子flex属性值的用法以及各个属性值的综合运用。要求掌握的知识点：掌握盒模型三个属性（border、margin、padding）各个样式的使用；掌握浮动定位的使用条件，并能熟练使用浮动定位的四个属性；掌握position定位属性值的各自特点和使用；熟练掌握flex中容器和项目的几个属性的使用条件和具体用法。
4.3项目实现:本节内容讲述了电影网站手机端从划分主体结构到依次实现每个模块的实现过程。要求掌握的知识点：可以根据设计图划分出主体结构模块，然后实现主体结构模块的开发；熟练掌握列表和列表项的用法，学会设置列表项的宽度为百分比形式；掌握控件宽度设置为百分比的用法，可以设置多个相同元素的不同样式，对CSS样式细节的处理。
[单选题]在Flex布局中，以下说法错误的是( )。选项:[flex-wrap可以设置容器内子项目是否可以换行, order属性定义项目的排列顺序，数值越小，排列越靠前，默认为0, 设置flex布局以后，子元素的float、clear和vertical-algin属性将失效, 设置flex布局以后，子元素的float、clear和vertical-align属性依旧有效]
[单选题]在 html 中,下列css属性中不属于盒子属性的是( )。选项:[Padding, Float, Margin, Border]
[单选题]请查看如下 html 代码：
此代码在页面上的显示效果为（ ）。选项:[<div>中的文本和<p>中的文本分两行显示，且文本左对齐, <div>中的文本和<p>中的文本在一行上显示，且文本左对齐, <div>中的文本和<p>中的文本在一行上显示，且文本右对齐, <div>中的文本和<p>中的文本分两行显示，且文本右对齐]
[单选题]下列css属性中用于指定内容与边框之间距离为2px的是（ ）。选项:[
, 
, 
, 
][单选题]以下哪个定位是相对于元素本身的位置进行定位，原来所占空间仍然会保留（ ）。选项:[
, 
, 
, 
][单选题]给元素设置相对定位后，以下哪个选项可以让元素相对于本身的位置向右50px（ ）。选项:[
, 
, 
, 
][单选题]边框的样式可以包含很多值，但不包括（ ）。选项:[长短, 粗细, 颜色, 样式]
[单选题]以下有关font属性说法错误的是（ ）。选项:[font属性可以继承, font是一个复合属性, font属性的行高是写在字体大小的后面，用“/”分隔, font的属性值与属性值之间必须通过逗号隔开]
[单选题]在Flex布局以后，下面哪个选项可以设置容器内子项目的排列方向（ ）。选项:[
, 
, 
, 
]
温馨提示支付 ￥1.00 元后可查看付费内容,请先翻页预览!
