《HTML5+CSS3网页制作》课件——模块七 网页布局.pptxVIP

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;首先，设置网页的默认字体，接着，清空HTML中各个元素默认的样式，同时设置所有标签中文本的默认对齐方式为居中。

为头部内容设置背景颜色为粉色，内边距为15像素。设置无序列表的背景颜色为灰色。为a元素设置为块元素，字体颜色设置为白色，设置内边距，使用伪链接的hover设置背景颜色为深灰色。为类名highlight的div容器，设置元素的宽度为父容器宽度的45%，为元素设置外边距，这里使元素之间有1%的间距。使用box-sizing属性设置值为border-box。

最后设置插入的图片，为底部内容设置背景颜色为粉色，内边距为20像素。

;;;;;;;;;;;;最后设置运动员卡片样式，将类名为player-card的div容器定义球员信息卡片的样式，包括浮动布局让多个卡片并列样式、设置背景色为灰色、边框1像素、灰色实线、内外边距为15像素、外边距为27像素，宽度25%、高度自适应以及文本居中。在设置类名为player-card的容器下的img元素进一步设置了图片的大小和底部边距。;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;