1.简述块元素和行内元素的概念及特性
每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。
常见的块级元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等
行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。
一般不可以设置宽度,高度以及对齐等属性。
常见的行内元素有:<a >,<strong>,<b>,<em>,<del>,<span >等
默认的宽度就是它本身的宽度
2.了解浮动在网页中的应用,left和right的区别?
浮动样式在网页中可以进行更多样化的布局。它能够使浮动属性的元素会脱离原所在空间,移动到其父元素中指定位置的过程。
left和right的区别在于决定着浮动的位置,left表示向左浮动,right则是向右浮动
3.使用clear属性清除浮动时,属性值left、right和both有什么区别?
允许两边都可以有浮动对象;both:不允许有浮动对象;left:不允许左边有浮动对象;right:不允许右边有浮动对象。
4.解决父级边框塌陷的4种方法分别是什么,各自的使用场景是什么?
(1)浮动元素后面加空div,简单,但是会造成代码冗杂 (2)设置父元素的高度,简单,但元素固定高会降低元素可扩展 (3)父级添加overflow属性,但是有下拉列表框的场景不能用(4)父级添加伪类after,写法稍复杂,但没有副作用,推荐使用
5.学员操作:PPT第16页(制作电视剧详情列表页面