css登录样式,关于页面定义css样式

利用css实现qq邮箱登录案例

CSS（层叠样式表）

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

注：单独使用CSS是无法实现QQ邮箱登录实例（CSS为样式代码）。

实例

可以使用iframe代码实现QQ邮箱登录实例。

代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleqq邮箱登录实例/title

/head

body

p align="center" style="margin-top:0px;margin-left:0"

iframe width="1000" height="500" src="" class="t-iframe" scrolling="no" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"/iframe 

/p

/body

/html

代码解释：

url是你要调用的网址，p align="center" style="margin-top: -109;margin-left: -109"是网页布局、其中margin-top: 0表示顶部缩进，margin-left: 0表示左边缩进。至于右边和底部缩进，很简单，修改iframe的宽度和高度就可以了。

相关问答

Q1: 网站用户注册登录模板css样式上传到那个文件夹？

这个要看引用文件的路径了。

比如在用户登录html中，引用的reg.css和login.css标签如下：

　

　（1）link href='reg.css' type='text/css' rel='stylesheet' /

（2）link href='css/login.css' type='text/css' rel='stylesheet' /

reg.css的路径前没有什么文件夹，说明reg.css的路径是与html文件存放在同一个文件夹下的，而login.css 前面多了'css/'，这说明，login.css是存放在与html同一文件夹中的一个css文件夹中,举例说明如下：

　

　A文件夹中有：（1）html登录注册.html （2）reg.css（3）css文件夹【即是B文件夹】

而B文件夹中：（1）login.css

而UserAjax.rar是一个压缩文件吧？解压后，看你把文件放哪了，就在script标签中的src中设置好路径就行了，跟上面link标签中的href属性一样。

Q2: 求大神写一个HTML的登录界面,连带css样式

这个可以参考一下：

!doctype html

html

head

meta charset="utf-8"

link href="main.css" type="text/css" rel="stylesheet"

title登陆界面/title

/head

body

div class="login_ico"

img src="images/login_ico.png"

/div

div class="login_putin"

ul

liinput type="text" /li

liinput type="password" /li

/ul

/div

div class="login_btn"

input type="submit" value="登陆"

/div

/body

/html

样式 ：

*{

margin:0;

padding:0;}

li{

list-style-type:none;

margin:0;

padding:0;}

a{

text-decoration:none;

color:#000;}

/*---------------------按钮-----------------------------*/

.login_putin ul li input{

margin: 0;

width:70%;

padding: 1em 2em 1em 5.4em;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border: 1px solid #999;

}

.login_btn{

width:300px;

margin:40px auto 0 auto;

}

.login_btn input{

width:100%;

margin:0;

padding:.5em 0;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border:#1263be solid 1px;

background:#1b85fd;

color:#FFF;

font-size:17px;

font-weight:bolder;

letter-spacing:1em;

}

.login_btn input:hover{

background:#1263be;

}

Q3: 求一个JSP界面的CSS登陆样式

style type="text/css"

body{ background:#fff;padding:0; margin:0;font-size:12px;}

img{ border:0; padding:0; margin:0;}

ul{list-style:none;}

.login_bg{ background:url(%=path%financemanage/images/login_new/login_bg.gif) repeat-x; height:591px;}

.dl_bg{ background:url(%=path%financemanage/images/login_new/dlbg.jpg) no-repeat center top;}

.diwen{ background:url(%=path%financemanage/images/login_new/diwen.gif) repeat-x;}

.usename{ font-size:14px; color:#0e3c00;}

.dl_text{ width:145px; height:17px; background:url(%=path%financemanage/images/login_new/text.gif) repeat-x center; border:1px solid #1c5302;}

.dl_but{ width:75px; height:50px; background:url(%=path%financemanage/images/login_new/dlbut.gif) no-repeat; border:0 none; cursor:pointer;}

/style

script language="javascript" type="text/javascript"

var count = 0;

function submit_onclick(obj){

if (count == 0) {

//alert("MAC:" + document.forms[0].MACAddr.value);

obj.submit();

count ++;

}

}

function submit2() {

if (count != 0) {

return false;

}

if (event.keyCode==13) {

document.forms[0].submit();

}

}

/script

!-- script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript"

if(objObject.IPEnabled != null objObject.IPEnabled != "undefined" objObject.IPEnabled == true)

{

if(objObject.MACAddress != null objObject.MACAddress != "undefined")

MACAddr = objObject.MACAddress;

if(objObject.IPEnabled objObject.IPAddress(0) != null objObject.IPAddress(0) != "undefined")

IPAddr = objObject.IPAddress(0);

}

/script

object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" VIEWASTEXT /object

object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" /object

script LANGUAGE="JScript"

var service = locator.ConnectServer();

var MACAddr ;

var IPAddr ;

service.Security_.ImpersonationLevel=3;

service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');

/script

--

/head

body onKeyPress="submit2();"

table width="100%" border="0" cellspacing="0" cellpadding="0" class="login_bg"

tr

td height="135" align="center" valign="top"img src="%=request.getContextPath()%/financemanage/images/login_new/logo.jpg" width="939" height="135" //td

/tr

tr

td height="391" align="center" valign="top" class="dl_bg"

html:form action="/financemanage/login.do" method="post"

table width="320" height="70" border="0" cellspacing="0" cellpadding="0" style="margin-top:120px; margin-left:40px;"

tr

td width="100" align="center" class="usename"操作员号：/td

td width="184" align="left"input name="tlrno" type="text" class="dl_text" maxlength="8" tabindex="1"//td

td width="75" rowspan="2"input name="Submit" type="button" onclick="submit_onclick(this.form)" value="" class="dl_but" tabindex="3"//td

/tr

tr

td align="center" class="usename"密 　码：/td

td align="left"input name="pwd" type="password" class="dl_text" maxlength="10" tabindex="2"/

%-- input type="hidden" name="MACAddr"/--%

/td

/tr

tr

td/td

td colspan="2"font size="2"html:errors//font/td

/tr

/table

/html:form

/td

/tr

tr

td height="65" class="diwen" /td

/tr

/table

你可以自己换一下背景颜色或者背景图片 其他的都挺好 这是一个给银行操作员登录的界面 你看看吧

Q4: CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种

有外部式，内嵌式，行内样式。

1、外部式：

（1）用法：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。

（2）举例：通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。

2、内嵌式：

（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

（2）举例：在 MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性。

3、行内样式：

行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。

Q5: 怎么设置CSS的样式才能登录，为什么上面CSS样式设置了不显示，要把display:none写到下面的DIV里面去

上面的几位朋友都说的比较不错，我来总结一下吧！

首先

function mm()

{

var div=document.getElementById("divMain");

div.style.display="";

}

这段代码不符合js标准，而调用js时，id=divMain的display还是为none，即不显示。而直接写到div里面去，等于是直接清除display=none这个属性，所以能显示。

规范的写法应该是：

var div=document.getElementById("divMain");

div.style.display="block";//显示div的意思

或者直接合并这两句：

function mm()

{

document.getElementById("divMain").style.display="block;

}

好了，希望能帮到你