暑假php学习记录（4）

来源：互联网发布：mysql 联表查询 count 编辑：程序博客网时间：2024/05/20 03:38

双休日休息了两天以后有点懒散了。。。进度很慢啊！！！！

HTML <fieldset> 标签

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。

<body>
<form action="/example/html5/demo_form.asp" method="get" id="iceform">
你喜欢什么口味的冰激凌？<input type="text" name="icecream" /><br />
<input type="submit" />
</form>

<p>下面的 fieldset 位于 form 元素之外，但仍然是表单的一部分。</p>

<fieldset form="iceform">
<legend>Personalia:</legend>
Name: <input type="text" name="usrname"/><br />
Email: <input type="text" name="usrmail" /><br />
Date of birth: <input type="text" name="usrdate" />
</fieldset>
</body>

javascript:void(0)

在调用自这自定义的JS函数时,如果我们使用<a href="#" onclick="method;">click</a>时,虽然方法可以执行，
但是如果页面含有滚动条，会自动滚动到页面的顶端。
如果这个时候我们使用<a href="javascript:void(0)"; onclick="method;">click</a>，执行时，页面将不会发生滚动，这个对于图片切换、AJAX调用应该非常有用。

遮罩层

<script type="text/javascript">
function show()
{
document.getElementById("zhezhao").style.display="";
document.getElementById("contain").style.display="";
document.getElementById("zhezhao").style.opacity="0.3";
}

function hide()
{
document.getElementById("zhezhao").style.display="none";
document.getElementById("contain").style.display="";
}
</script>

overflow:

hidden:内容会被修剪，并且其余内容是不可见的。

scroll:不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

auto:如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。

Display

display:inline 元素会被显示为内联元素，元素前后没有换行符.

display:block 元素将显示为块级元素，此元素前后会带有换行符.

举例：

1.display:block <span style="display:block">11111111</span><span>2222222222222</span>
按照常理来说上面二个span应该是一行显示，因为span本来就是内联元素.(相当于天生就有display:inline属性一样);
可是给其中一个span加了display:block后。加过display:block的span他就会独占一行。

2.display:inline<div style="display:inline">11111111</div><div style="display:inline">22222222</div>

常理，上面代码在浏览器中应该是二行，但是加了display:inline后，就会显示在一行。

W3C盒子模型

W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。

0 0