这是一个基础的网页布局样式代码,其中包含了头部、导航栏、主体内容区、页面目录、尾部等部分的样式设置。具体解释如下:

  1. 全局设置样式:
  • margin: 0px; padding: 0px;:重置页面外边距和内边距为0,以保证页面布局整齐。
  1. 头部样式:
  • .header:设置头部样式,包括宽度、高度等。
  1. 背景样式:
  • body:设置页面背景颜色为rgb(235, 225, 225)。
  1. 导航栏样式:
  • .dh:设置导航栏样式,包括宽度、高度、外边距等。
  • .dh ul:设置导航栏列表样式,包括宽度、内边距、高度、外边距等。
  • .dh ul li:设置导航栏列表项样式,包括高度、列表样式、浮动等。
  • .dh ul li a:设置导航栏列表项超链接样式,包括文本样式、宽度、字体、文本装饰、行高、背景颜色等。
  • .dh ul li a:hover:设置导航栏列表项鼠标划过时的样式。
  1. 尾部样式:
  • .footer:设置尾部样式,包括宽度、高度、背景颜色、字体等。
  • #fi1:设置尾部图片样式,包括宽度、高度、浮动、内边距等。
  • .footer p:设置尾部文本样式,包括外边距等。
  1. 主体内容区样式:
  • #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:设置资源图片样式,包括宽度、高度
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

原文地址: http://www.cveoy.top/t/topic/gRdZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录