1.什么是盒子模型?盒子模型的属性有那几个?它们的作用分别是什么?
1)CSS将网页中所有元素都看成一个个盒子。
2)盒子模型属性有边框、内边距和外边距。
3)边框设置网页元素边框的颜色、粗细和样式;外边距指与其他盒子之间的距离,也就是指网页中元素与元素之间的距离,便于精确控制盒子的位置;内边距用于控制内容与边框之间的距离,以便精确控制内容在盒子中的位置。
2.盒子模型有哪几种解析方式?它们有什么区别?
content-box:默认值,盒子的宽度或高度 = border+padding+(margin)+ width/height。
border-box:盒子的宽度或高度等于元素内容的宽度或高度。从盒子模型的介绍可知,这里内容宽度或高度包含了元素的border、padding、内容的宽度或高度(此处的内容宽度或高度=盒子宽度或高度-border-padding)。
3.制作图北大青鸟网站的中心开班信息模块。要求如下:
<页面宽度250px,整体居中显示,背景使用线性渐变及1px的灰色圆角边框。
<标题左侧的小图标以背景图片的方式实现,标题颜色为白色。
<使用无序实现开班信息列表,列表前的小三角箭头和下方的虚线均使用背景图像的方式实现。
<列表超链接文本颜色为灰色,无下划线,当鼠标悬浮在超链接文本上是,字体颜色改变无下划线。
<页面中涉及的盒子模型解析方式都使用border-box。
HTML第六章作业
最新推荐文章于 2024-06-24 13:56:25 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)