CSS:父元素下第一个或最后一个字元素

[不指定 2020/06/27 15:44 | by 吕进 | Via 本站原创 ]
假设有以下html代码——
<div id="zuowen">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
</div>
因P元素与P 元素之间的间距较大,差不多是正常值的2倍;这时候我们需要对div下的第一个P元素和最后一个P元素分别进行设计。
第一个P元素:p:first-child
最后一个P元素:p:last-child【p:last-child 等同于 p:nth-last-child(1)
#zuowen > P{
font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif;  
font-size:1.0em;
line-height:2em;
word-wrap:break-word; /*自动换行*/
word-break:break-all; /*自动换行*/
text-indent:2em;
margin-top:-0.9em;
margin-bottom:-0.9em;
color:#443D44;
padding:0px 2px;
}

#zuowen > p:first-child{  /* div下的第一个P元素 */
margin-top:0px;
}

#zuowen > p:last-child{  /* div下的最后一个P元素 */
margin-bottom:0px;
}
first-child和last-child同样适用于TABLE下在TR,UL元素下的LI等。
Tags: ,

HTML:页面刷新和局部刷新

[不指定 2020/06/02 09:30 | by 吕进 | Via 本站原创 ]
整个页面刷新,有N多种方式,最直接的是点击浏览器上的刷新按钮(手动刷新),这里记录的主要是自动(定时)刷新。
一、直接在<head>区域中添加代码
<meta http-equiv="refresh" content="5">
注意:这里的5,是每5秒刷新一次;相同的代码,如果后面跟有URL地址,则表示5秒以后,自动跳转到新的网址,如
<meta http-equiv="refresh" content="5;url="http://lvjin.job.sh">

二、在页面中添加JS代码:
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000);
</script>
注意:这里的1000,即1000毫秒(1秒),另 window.location.href = window.location.href;可以代替 window.location.reload()使用;
Tags: , ,

html禁止页面后退的三种常用方法

[不指定 2018/10/15 08:52 | by 吕进 | Via 本站原创 ]
为什么禁止后退,就不阐述了,直接上三组代码(放head之间):
<script language="javascript">
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
    });
</script>
Tags: ,

按钮与超链接

[不指定 2015/06/23 13:12 | by 吕进 | Via 本站原创 ]
1、点击按钮在新窗口打开页面:
<input type=button onclick="window.open('http://cmcc.cn')" value="在新窗口">

2、点击按钮在当前窗口打开页面:
<input type=button onclick="window.location.href='http://lvjin.job.sh'" value="当前窗口">

3、在按钮中添加小图片:
<button onclick="window.open('http://v.cmcc.cn')" style="width:100px;height:40px;" value="提交">
  <img src="1.gif" class="img"/>&nbsp;&nbsp;<a class="text">提交</a>
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]