margin 0px; padding 0px; header 头部 width 100; height 130px; body background-color rgb235 225 225; #hi1 头部图片 width 100; height 150px; dh width 100; margin-top 10px; dh
这是一个基础的网页布局样式代码,其中包含了头部、导航栏、主体内容区、页面目录、尾部等部分的样式设置。具体解释如下:
- 全局设置样式:
- margin: 0px; padding: 0px;:重置页面外边距和内边距为0,以保证页面布局整齐。
- 头部样式:
- .header:设置头部样式,包括宽度、高度等。
- 背景样式:
- body:设置页面背景颜色为rgb(235, 225, 225)。
- 导航栏样式:
- .dh:设置导航栏样式,包括宽度、高度、外边距等。
- .dh ul:设置导航栏列表样式,包括宽度、内边距、高度、外边距等。
- .dh ul li:设置导航栏列表项样式,包括高度、列表样式、浮动等。
- .dh ul li a:设置导航栏列表项超链接样式,包括文本样式、宽度、字体、文本装饰、行高、背景颜色等。
- .dh ul li a:hover:设置导航栏列表项鼠标划过时的样式。
- 尾部样式:
- .footer:设置尾部样式,包括宽度、高度、背景颜色、字体等。
- #fi1:设置尾部图片样式,包括宽度、高度、浮动、内边距等。
- .footer p:设置尾部文本样式,包括外边距等。
- 主体内容区样式:
- #shiming:设置市名简介模块样式,包括清除浮动、背景颜色、内边距、边框样式、边框弧度等。
- #shiming img:设置市名图片样式,包括边框弧度、浮动、外边距等。
- #shiming img:hover:设置市名图片鼠标划过时的放大效果。
- #shiming p:设置市名文本样式,包括字体间隔、文本缩进、行高等。
- #shihua:设置市花1模块样式,包括清除浮动、背景颜色、内边距、边框样式、边框弧度等。
- #shihua1:设置市花2样式,包括宽度、高度、浮动等。
- #shishu:设置市树样式,包括宽度、高度、浮动、内边距等。
- #hua:设置花图片样式,包括边框弧度、浮动、外边距等。
- #hua:hover:设置花图片鼠标划过时的放大效果。
- #shu:设置树图片样式,包括边框弧度、浮动、外边距等。
- #shu:hover:设置树图片鼠标划过时的放大效果。
- #shihua p:设置市花文本样式,包括字体间隔、文本缩进、行高等。
- #dili:设置地理模块样式,包括清除浮动、背景颜色、内边距、边框样式、边框弧度等。
- #dili img:设置地理图片样式,包括宽度、高度、浮动、外边距、边框样式、边框弧度等。
- #dili img:hover:设置地理图片鼠标划过时的放大效果。
- #dili p:设置地理文本样式,包括字体间隔、文本缩进、行高等。
- #lishi:设置历史模块样式,包括清除浮动、背景颜色、内边距、边框样式、边框弧度等。
- #lishi p:设置历史文本样式,包括字体间隔、文本缩进、行高等。
- #lishi img:设置历史图片样式,包括宽度、高度、浮动、外边距、边框样式、边框弧度等。
- #lishi img:hover:设置历史图片鼠标划过时的放大效果。
- #ziyuan:设置资源模块样式,包括清除浮动、背景颜色、内边距、边框样式、边框弧度等。
- #ziyuan p:设置资源文本样式,包括字体间隔、文本缩进、行高等。
- #ziyuan img:设置资源图片样式,包括宽度、高度
原文地址: http://www.cveoy.top/t/topic/gRdZ 著作权归作者所有。请勿转载和采集!