Html(仿QQ登录WEB网页编写)小小记录

本文介绍了HTML网页设计中的一些关键技巧,包括禁用浏览器自动填充、表单目标设置、元素居中对齐、光标类型、label与input绑定、背景清除、URL引用方式以及CSS定位属性的使用。通过实例讲解了如何创建一个仿QQ登录的WEB网页,重点探讨了position属性在绝对定位中的应用。
摘要由CSDN通过智能技术生成

1.autocomplete=”off”

input 的属性autocomplete 默认为on ,其含义代表是否让浏览器自动记录之前输入的值

2.< form target=”1”> target 属性规定在何处打开 action URL。

_blank 在新窗口中打开。
_self 默认。在相同的框架中打开。
_parent 在父框架集中打开。
_top 在整个窗口中打开。
framename 在指定的框架中打开。

3.style=”margin: 0”

margin:auto; 这个是上右下左的值都是自适应的
margin:0; 这个是上右下左的值都为0

4.margin: 0 auto

.login_form {
width: 272px;
margin: 0 auto
}
margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)

5.cursor: text

cursor 属性规定所显示的指针(光标)的类型。

6 . < label for=”u”>请输入您的帐号< / label>

for 属性规定 label 与哪个表单元素绑定。
< input id=”u” >

7.style=”background:0”是什么意思啊

定义它为0也可以冲掉其他定义继承的背景色不过不建议写0
你把它改为background:none 标准写法也可以达到效果

8.关于webContent下面url的理解

.inputOuter {
background: url(loginCss/icon_3.png)
no-repeat -1px -1px
}

上面是css样式的编写,项目层次是这样的WebContent/Store/loginCss/icon_3.png)
login.jsp(在Store文件夹)里面要去取icon_3.png(在Store/loginCss)这个图片,有两张写法:

url = ./loginCss/icon_3.png
url = loginCss/icon_3.png

9.#id,.chass

html css样式是从上到下覆盖的,起作用的用于是最后被编译的那个,即后一个覆盖前一个。包括< style >< /style>后面如果有< link>,那么< link >里面的起作用

10.position: absolute;定义以后再加上left,top等定位属性

/* lable */
.lable{
position: absolute;/* 重要属性 */
top: 13px; +
left: 13px;
cursor: text
}

position: absolute被定义以后,再写left,top此类定位属性,造成的效果将会完全不一样,该lable块将为以屏幕左上角为参照点

.a .lable{
position: absolute;
top: 12px;
*top: 13px;
_top: 14px;
}

这种情况,lable将会以a为参考点
关于position的几个属性和子div与父div的爱恨纠缠,看了一篇文章写的很详细,够简洁
http://www.jb51.net/web/77495.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值