站长工具浪潮成都网站排名 生客seo

当前位置： 首页 > news >正文

站长工具浪潮,成都网站排名 生客seo,网站推广工作流程图,舟山网页设计#x1f329;️ 精彩专栏推荐#x1f447;#x1f3fb;#x1f447;#x1f3fb;#x1f447;#x1f3fb; #x1f482; 作者主页: 【进入主页—#x1f680;获取更多源码】 #x1f393; web前端期末大作业#xff1a; 【#x1f4da;HTML5网页期末作业 (1000套… ️ 精彩专栏推荐 作者主页: 【进入主页—获取更多源码】 web前端期末大作业 【HTML5网页期末作业 (1000套) 】 程序员有趣的告白方式【HTML七夕情人节表白网页制作 (110套) 】 文章目录 二、网站介绍三、网站效果▶️1.视频演示 2.图片演示 四、 网站代码HTML结构代码CSS样式代码 五、更多源码 二、网站介绍 网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。 网站程序方面计划采用最新的网页编程语言HTML5CSS3JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器已达到打开后就能即时看到网站的效果。 网站素材方面计划收集各大平台好看的图片素材并精挑细选适合网页风格的图片然后使用PS做出适合网页尺寸的图片。 网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件 网页编辑方面网页作品代码简单可使用任意HTML编辑软件如Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作。 其中 1html文件包含其中index.html是首页、其他html为二级页面 2 css文件包含css全部页面样式,文字滚动, 图片放大等 3 js文件包含js实现动态轮播特效, 表单提交, 点击事件等等个别网页中运用到js代码。 三、网站效果 ▶️1.视频演示 D35JP-浙江(9页)htmlcss 2.图片演示 四、 网站代码 HTML结构代码 !DOCTYPE html html head meta charsetutf-8 link typetext/css relstylesheet hrefcss/style.css / title浙江/title /head body div classwrapinheader classclearfixdiv classlogo img srcimages/logo.png alt /divnavul classclearfixlia hrefindex.html首页/a/lilia hrefguanyu.html浙江经济/a/lilia hreftupian.html图片鉴赏/a/lilia hrefmsgj.html名胜古迹/a/lilia hrefdenglu.html登录/a/lilia hrefzhuce.html注册/a/li/ul/nav/headerdiv classbanner img srcimages/ban.jpg alt width100% /divdiv classbox-imgul classclearfix stylepadding-top:20pxliimg srcimages/q1.jpgp浙江风貌/p/liliimg srcimages/q2.jpgp浙江风貌/p/liliimg srcimages/q3.jpgp浙江风貌/p/li/ul/divdiv classbox-1 clearfixdiv classleft img srcimages/e.jpg /divdiv classriih3浙江/h3p 浙江简称“浙”是中华人民共和国省级行政区。省会杭州位于长江三角洲地区 [1]中国东南沿海浙江界于东经118°01123°10北纬27°0231°11之间东临东海南接福建西与安徽、江西相连北与上海、江苏接壤境内最大的河流钱塘江因江流曲折称之江又称浙江省以江名简称浙。浙江省总面积10.55万平方千米。brtable width100% border1caption浙江方言/captiontbodytrth aligncenter width210divb吴语分片/b/div/thth aligncenter width581divb使用地区/b/div/th/trtrtd aligncenter width210div吴语太湖片/div/tdtd aligncenter width581div杭州、嘉兴、湖州、宁波、绍兴、舟山/div/td/trtrtd aligncenter width210div吴语台州片/div/tdtd aligncenter width581div台州、宁波局部地区、温州局部地区/div/td/trtrtd aligncenter width210div吴语金衢片/div/tdtd aligncenter width581div金华、衢州/div/td/trtrtd aligncenter width210div吴语瓯江片/div/tdtd aligncenter width581div温州/div/td/trtrtd aligncenter width210div吴语上丽片/div/tdtd aligncenter width581div丽水/div/td/tr/tbody/table/p/div/divfooter 浙江 /footer /div /body /html CSS样式代码 /通用类/

• {margin: 0;padding: 0; } body {margin: 0 auto;font-size: 14px;background: #f5f5f5;color: #333;position: relative; } img {border: none; } a {cursor: pointer;color: #333;text-decoration: none;outline: none; } ul {list-style-type: none; } em {font-style: normal; } .lt {float: left; } .rt {float: right; } div.clear {font: 0px Arial;line-height: 0;height: 0;overflow: hidden;clear: both; } .clearfix::after {content: ;display: block;clear: both; } /wrapin 主体容器宽度/ .wrapin {width: 1200px;margin-left: auto;margin-right: auto;background-color: #fff; } header{height: 80px;background-color: #348; } .logo{width: 30%;float: left; }.logo img{width: 180px; } nav{width: 70%;height: 100%;float: left;line-height: 80px;text-align: center; } nav ul li{width: 16.6%;float: left; } nav ul li a{display: block;height: 100%;color: #fff;font-size: 16px; } .box-1{padding: 20px 0; } .box-1 .left,.box-1 .rii{width: 50%;float: left; }.box-1 .left img{width: 92%;margin-left: 2%; } .box-1 .rii{padding-right: 20px;box-sizing: border-box; } .box-1 .rii h3{font-size: 28px;line-height: 30px;font-weight: bold;text-align: center;padding-bottom: 20px; } .box-1 .rii p{line-height: 25px; }.box-img ul li{width: 33.33%;float: left;padding: 0 10px;box-sizing: border-box; } .box-img ul li img{width: 100%;height: 240px;display: block;object-fit: cover; }.box-img ul li p{padding: 15px 0;text-align: center;font-size: 16px;color: #333333; }footer{width: 100%;height: 60px;line-height: 60px;text-align: center;background-color: #334488;color: #fff;font-size: 18px; }.box-2{text-align: left;padding: 0 30px;box-sizing: border-box;padding-bottom: 30px; } .box-2 h3{font-size: 32px;text-align: center;padding-top: 50px; } .box-img-two ul{padding-bottom: 30px; } .box-img-two ul li{margin-top: 30px; } .ty{font-size: 30px;text-align: center;padding: 20px 0; } .msgj ul{padding-bottom: 50px; } .msgj ul li{margin-top: 50px; } .msgj ul li img{width: 40%;float: left;} .msgj ul li .text{width: 60%;float: left;padding: 0 30px;box-sizing: border-box; }.msgj ul li .text h3{font-size: 25px;padding-bottom: 50px;padding-top: 15px;} .msgj ul li .text p{line-height: 25px;min-height: 80px; }.msgj ul li .text a{width: 200px;height: 50px;line-height: 50px;text-align: center;background-color: #334488;color: #fff;font-size: 16px;border-radius: 15px;display: block;margin-top: 50px; }.mui-input-group{width: 500px;margin: 50px auto;padding: 30px 50px;box-sizing: border-box;border: 1px solid #333333; }.mui-input-group label{display: block;}.mui-input-group input{width: 100%;height: 40px;margin: 25px 0; }.xq{padding: 0 50px;box-sizing: border-box;padding-bottom: 50px; } .xq p{font-size: 20px;line-height: 26px; } 五、更多源码 1.如果我的博客对你有帮助 请 “点赞” “✍️评论” “收藏” 一键三连哦 2.【关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、等! 以上内容技术相关问题欢迎一起交流学习