css中分区显示php,CSS没有显示在php页面上,但在Dreamweaver中显示

我使用Dreamweaver创建我的PHP文件,并在我的login.php页面上我有这个问题,我可以看到所有的CSS和所有显示在Dreamweaver本身,它显示的链接和引用的CSS文件,但当我看到它在浏览器中它似乎缺少。

Login.php文件内容:

Kingston GP - Online Surgery

Login

Please enter your username and password

Username

Password

Header.php文件内容

KGP

CSS文件内容:

@charset "utf-8";

/* CSS Document */

#header-wrap {

position: fixed;

top: 0;

left: 0;

width: 100%;

}

#header-container {

height: 90px;

background: url(./images/header-bg.png) repeat-x left bottom;

}

#footer-wrap {

position: fixed;

top: 0;

left: 0;

width: 100%;

}

#footer-container {

height: 60px;

background: url(./images/header-bg.png) repeat-x left bottom;

}

#navbar ul {

margin: 0;

padding: 5px;

list-style-type: none;

text-align: center;

background-color: #000;

}

#navbar ul li {

display: inline;

}

#navbar ul li a {

text-decoration: none;

padding: .2em 1em;

color: #fff;

background-color: #000;

}

#navbar ul li a:hover {

color: #000;

background-color: #fff;

}

#content {

width:500px;

margin:0px auto;

text-align:left;

padding:15px;

border:1px dashed #333;

background-color:#eee;

}

body{

font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

}

p, h1, form, button{border:0; margin:0; padding:0;}

.spacer{clear:both; height:1px;}

/* ----------- My Form ----------- */

.myform{

margin:0 auto;

width:400px;

padding:14px;

}

/* ----------- stylized ----------- */

#stylized{

border:solid 2px #b7ddf2;

background:#ebf4fb;

}

#stylized h1 {

font-size:14px;

font-weight:bold;

margin-bottom:8px;

}

#stylized p{

font-size:11px;

color:#666666;

margin-bottom:20px;

border-bottom:solid 1px #b7ddf2;

padding-bottom:10px;

}

#stylized label{

display:block;

font-weight:bold;

text-align:right;

width:140px;

float:left;

}

#stylized .small{

color:#666666;

display:block;

font-size:11px;

font-weight:normal;

text-align:right;

width:140px;

}

#stylized input{

float:left;

font-size:12px;

padding:4px 2px;

border:solid 1px #aacfe4;

width:200px;

margin:2px 0 20px 10px;

}

#stylized button{

clear:both;

margin-left:150px;

width:125px;

height:31px;

background:#666666 url(img/button.png) no-repeat;

text-align:center;

line-height:31px;

color:#FFFFFF;

font-size:11px;

font-weight:bold;

}我应该为每个部分制作单独的CSS文件,例如标题,内容,页脚,表单等。我认为我这样做的方式可能是不好的做法,它可能会导致问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值