前端页面------标签属性与定位

1.type属性:

text:文本区域

    readonly属性:是否只读。

password:密码区域,输入的文本以'*'展示

checkbox:复选框

    checked属性:是否选中;

radio:单选框;

    name属性:指定多个单选框的在一个区域里进行单选操作

reset:重置当前<form>表单里所有标签到初始化状态(如清除文本区域内容)

submit:提交当前<form>表单信息到指定页面

button:普通按钮

    value属性:button按钮显示的文本

file:文件选择标签

hide:隐藏区域,可以把一些不展示给用户,而自己使用的信息存放于此

image:图片区域

    src属性:指定图片存放的路径;

    title属性:鼠标移到图上显示的文本;

    alt:图片加载失败或关闭时,显示的文本;

2.<script>标签:

<head>之间的<script>标签一般存放css和js代码;</body>后的<script>标签:因为Html页面是从上到下加载,不是加载完再一次性显示内容,而是一边加载一边展示内容。

把Script放在body的后面,类似于说明此Script里的代码要调用body里的元素。若放在Head标签里,运行到此script代码时,body里的元素还没有加载,会获取不到所需的元素信息。

3.定位: CSS中position的absolute如何相对于父元素的位置进行定位

relative(相对)以及absolute(绝对)。

用absolute定位时,要把其上一级的元素样式属性position设置为relative。

也就是说,position的属性值的效果,直接受其容器样式中position属性值影响。

例如如下A-B的嵌套结构

<div id="A">

 <div id="B">

 </div>

</div>

当A的position为relative时,B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档,而是针对id为A的这个div了

4.页面固定宽度,不随窗口大小改动----css-->width:1200px;min-width:1200px;

 

猜你喜欢

转载自570109268.iteye.com/blog/2381668