wordpress站点更换域名,网站扁平化,wordpress的站点是什么,wordpress windowsCSS文件的引入新建文件reg.html文件首先我们来分析网页布局这是我们页面完成后的效果#xff0c;网页分为三部分头部#xff0c;主体#xff0c;和底部我们按照这个顺序开始编写。头部导航栏的编写html用户注册页面首页科技资讯心情随笔资源收藏图文图片留言板登陆/注册…CSS文件的引入新建文件reg.html文件首先我们来分析网页布局这是我们页面完成后的效果网页分为三部分头部主体和底部我们按照这个顺序开始编写。头部导航栏的编写html用户注册页面 首页科技资讯心情随笔资源收藏图文图片留言板登陆/注册创建div盒子在盒子中嵌套div使用无序列表创建导航引入logo图片。创建css文件charset utf-8;body{background-color: #F0F0F0;}*{border: 0px;padding: 0px;margin: 0px;font-size: 14px;}#top{width: 100%;height: 90px;background-color: white;border-bottom: 1px solid #bbbbbb;}#menu{width: 1000px;overflow: hidden;margin: 0 auto;}首先对全局初始化对div做两个id标签top和menu,分别设定头部的宽高和页面整体布局的宽高。这样我们就得到如下图所示的页面接着对页面进行样式的修改#menu img{height: 90px;}#menu ul{list-style-type: none;}修改img的高度,对ul序列去掉格式。#menu ul li{float: left;height: 90px;line-height: 90px;margin-right: 50px;}#menu ul li a{color: black;text-decoration: none;display: inline-block;}#menu ul li a:hover{color: #FFD700;text-decoration: none}对li标签进行设置做浮动操作调整高度和间距使用display: inline-block;使导航栏成为快元素。去掉下划线。并更改标签点击样式。效果如下图所示我们的头部导航栏就完成了。
