dreamweaver中怎么使用DIV+CSS制作网站页面
本篇内容介绍了“dreamweaver中怎么使用DIV+CSS制作网站页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
成都创新互联公司主要从事成都做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务镇康,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
HTML结构代码
我的家乡烟台海阳 家乡简介海阳市,隶属于山东省烟台市。位于山东半岛东南部,烟台市境南部,东邻乳山、牟平,西接莱阳,北连栖霞,南濒黄海,西南隔丁字湾与即墨相望。总面积1886.84平方千米。海阳市位于胶东半岛南端,因地处黄海之阳而得名。
2018年,海阳市下辖4个街道、10个镇,另设有3个工业区、1个旅游区 ,户籍人口为64.2643万人,实现地区生产总值(GDP)341.7亿元,其中,第一产业增加值77.1亿元,第二产业增加值125.3亿元,第三产业增加值139.3亿元。2019年11月,入选第二批节水型社会建设达标县(区)名单。
海阳市位于山东半岛南部,东邻乳山、牟平,西接莱阳,北连栖霞,南濒黄海,西南隔丁字湾与即墨相望。介于东经120°50′一121°29′,北纬36°16′一37°10′之间,总面积1886.84平方千米。市区距烟台市119千米,离济南市420千米,至北京市883千米。
版权所有:我的家乡烟台海阳
CSS样式代码
@charset "utf-8"; /* CSS Document */ body{ margin:0 auto; font-size:14px; font-family: "微软雅黑"; line-height:22px; background:#fbf6d9 } div,p,input,ul,li,h2,h3,h4{ height:auto; margin:0;; padding:0; vertical-align:middle ;} li{ list-style:none;} a{ text-decoration:none; color:#000;} /*---top开始-----*/ .top{ width: 1000px; height: 100px; background:#FFF; margin:0 auto;} .top img{margin-top: 10px; margin-left: 20px;float: left;} #nav{ width:1000px; height:50px; background:#bc7018; margin:0 auto;} #nav ul{ width:1000px; height:50px; line-height:50px; font-size:14px; margin:0 auto;} #nav ul li{ width: 200px; height:50px; line-height:50px; color:#FFF; float:left; text-align:center;} #nav li a { color:#FFF; font-family: "微软雅黑"; font-size:16px; margin-left: 2px; display: block; font-weight:bold; } .main{ width: 1000px; margin: 0 auto; height: auto; overflow: hidden; } /*---top结束-----*/ .box { width: 1000px; height: 335px; } .nr{width: 960px; height: auto; overflow: hidden; background: #FFF; padding: 20px; } .tit-s { font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; width: 940px; padding:0px 10px; border-bottom:#bc7018 1px solid; } .tit-s span a{ float:right; font-weight:normal; font-size:12px;color: #FFF;} .caiz{ width:100%; height: auto; overflow:hidden;} .caiz ul{margin-top: 20px; padding: 0px 10px;} .caiz ul li { width: 225px; height: 220px; padding: 5px; float: left; } .caiz ul li img{ width: 225px; height: 200px; } .box1{ width:960px; height:260px;} .box1-left{ width:200px; height:220px; padding:20px; float:left;} .box1-right{ width:700px; margin-left:20px; height:220px; float:left;margin-top: 20px;} .box1-right-tit{ font-size: 16px;color: #333;font-weight: bold; height:40px; line-height:40px;} .box1-right p{ font-size:14px; line-height:22px; text-indent:2em;} .bx2{ height:275px; margin-bottom:15px; width:960px;border:#e8e8e6 1px solid;} .bx2 .left{ width:490px; height:243px; padding:15px; float:left; margin-right:16px;} .bx2 h2{ height:40px; line-height:40px; font-size:20px;border-bottom:#bc7018 1px dashed; margin-bottom:10px;} .bx2 h2 a{ color:#bc7018; } .bx2 h2 span{ float:right; font-size:14px; font-weight:normal; color:#333;} .bx2 h3{ line-height:35px; font-size:16px;} .bx2 h3 span{ color:#F00;} .bx2 h4{ font-size:12px; font-weight:normal; line-height:20px; color:#666;} .bx2 ul li{height: 32px; background: url(../images/ico.png) no-repeat 0px 12px; line-height: 32px; font-size: 14px;} .bx2 ul li a{ color:#000;} .bx2 ul li p{width: 410px;float: left;} .bx2 ul li p span{ width:76px; float:left;} .bx2 .right{ width:388px; height:243px;padding:15px; float:right; } .bx2 .right h2{ width:388px; height:20px; background:#41628f; font-size:12px; line-height:20px; text-align:center; color:#FFF; font-weight:normal;} /*---foot开始-----*/ .foot{width: 1000px; height:150px; background:#bc7018; margin: 0 auto; padding-top: 20px;} .foot p{ width:1000px; height:30px; line-height:30px;color:#FFF; margin:0 auto ; text-align:center; } /*---foot结束-----*/ .titile{ width:225px; height:65px; background:url(../images/bg01.jpg) no-repeat; margin:0 auto; margin-top: 20px; margin-bottom:20px; } .titile h3{ line-height: 55px; font-size: 34px; font-weight: normal; text-align: center;} .jies { width: 960px; margin: 0 auto; background:#FFF; padding:20px; } .jies img { float: left; margin: 15px; } .jies p { text-indent: 2em; line-height: 25px; font-size: 14px; } .news{ width:100%; } .news ul li{ line-height:40px; height:40px; border-bottom:#CCC 1px dashed; color:#3d2915;} .news ul li a{ float:left; display:block; line-height:40px; height:40px; background:url(../images/lvdian.jpg) left center no-repeat; color:#3d2915; padding-left:20px; } .news ul li a:hover{ color:#000;} .news ul li span{ float:right; color:#666; line-height:40px;} .conr { width: 960px; height:600px; overflow: hidden; border-top: #ffffff 2px solid; margin: 0 auto; padding:20px; background:#FFF; } .conr img { width: 300px; margin: 10px; margin-bottom: 5px; } .conr p { line-height: 30px; text-indent: 2em } .shet { height: auto; min-height: 230px; margin-bottom: 20px; padding-bottom: 10px; } .shet h2 { height: 45px; line-height: 45px; font-size: 18px; } .mr { float: left; margin-right: 20px !important; } .nr { height: auto; overflow: hidden; background: #FFF; padding-top: 20px; padding-bottom: 20px; } .title2 { height: 30px; line-height: 30px; font-size: 12px; text-align: center; color: #999; font-weight: normal; } .title2 span { color: #666 !important; font-weight: normal; } .neirong { width: 960px; height: auto; overflow: hidden; background: #FFF; } .neirong p { text-indent: 2em } .neirong img { display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .ntitle { font-size: 16px; height: 80px; line-height: 40px; margin: 0 auto; text-align: center; color: #333; margin-left: 20px; font-weight: bold; border-bottom: #CCC 1px dashed; margin-bottom: 20px; }
“dreamweaver中怎么使用DIV+CSS制作网站页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
本文题目:dreamweaver中怎么使用DIV+CSS制作网站页面
网站网址:http://cdiso.cn/article/jpehss.html