分类目录归档：互联网上

CSS实用教程(1)

发表回复

　样式表CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。CSS几乎可以定义所有的网页元素，CSS虽然功能强大，但平时我们用到的是很少的，最常见的有：定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。

CSS基础学习：样式表CSS简明教程
　　样式表CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。CSS几乎可以定义所有的网页元素，CSS虽然功能强大，但平时我们用到的是很少的，最常见的有：定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。
　　1.CSS加在什么位置？编辑CSS时候，强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到<head>和</head>，在<head>和</head>之间加入这句，<STYLE></STYLE>，然后所有的样式表都定义在<STYLE>和</STYLE>之间。
　　有很多网站喜欢把样式表写成一个CSS文件，然后所有文件都指向这里来调用它，可使用这句<link href=***. rel=stylesheet>来连接CSS文件。
　　实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>这句表示网页的字体大小为9磅字，行距150%，td是“单元格”元素，这句也就是对单元格内的字体起作用。这里的<style>后面的td，表示选择符，网页内所有的td元素都会起作用。这些选择符可以是所有的html标记，例如p、table、hr等等，只有少数的br除外。
　　实例2：<STYLE>a{color:FF0000}input{font-size:9pt}</STYLE>表示超链接都为红色，单行文本框的字体是9磅。
　　2.CSS作用很大的一方面就是可以用来大量减少网页代码，从而为网页减肥，原理就是在网页中自定义样式表的选择符，然后在网页中大量引用这些选择符。目前大部分网站都是使用class来引用的。
　　CSS中，class和id的作用是完全一样的，“class”单词比“id”多3个字母。id的使用方法，在网页<STYLE>和</STYLE>之间定义选择符名，选择符名前加#，这些选择符名可以是字母或数字、或组合，然后在网页的元素中使用id=**来引用它。
　　实例3：<STYLE>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</STYLE>，然后在网页使用这句引用它：<a id=8>黑蓝色</a>，<a id=14>14磅的字</a>。<p id=p2>段落……
　　也就是说，<a id=8>黑蓝色的字</a>等价于<a style=color:000080>黑蓝色的字</a>；<a id=14>14磅的字</a>等价于<a style=font-size:14pt>14磅的字</a>，以此类推。这里的介绍可能有点不太好理解，你可以多实践。
　　注意：在一定条件下，使用id来引用可能不起作用或报错、或与javascript的id发生冲突，这种情况下，你可以使用class来引用。class的使用方法与id一样，所不同的是：在网页的<STYLE>和</STYLE>之间定义选择符名，名前加.(即点)。例如<STYLE>.a1{color:FF0000}</STYLE>，然后用class=a1引用它。
　　3.样式表语法。样式表的项和它的值应该用冒号连接，例如color:FF00000。样式表也可直接嵌在段落当中，而不用class或id引用，例如<a style=font-size:12pt>12磅字</a>。也就是使用<* style=*:*>的语法。
4.小技巧。可根据需要灵活掌握，同一个选择符名可以多次给它定义，也可以多个选择符名定义同一句。例如<style>#a1{color:FF0000}#a1{font-size:9pt}</style>，它等效于#a1{color:FF0000;font-size:9pt}。多个选择符名定义同一句的方法是，各选择符名之间加逗号，例如<style>#a1,#b1{color:FF0000}#b1{font-size:9pt}</style>这句等效于#a1{color:FF0000}#b1{color:FF0000;font-size:9pt}。可能这里不太好理解，你只要自己稍微实践一下就可以灵活自己定义了。
5.样式表手册。下面列举最常用的样式表语句：
　　1)color (颜色，例如FF0000代表红色，000000代表黑色……)
　　2)font-size (字体大小)
　　3)font-family (字体类型)
　　4)width和height (宽度和高度)
　　5)line-height (段落行距，建议使用百分比的形式，例如150%)
　　6)margin-top表示段前；margin-bottom表示段后。margin-left表示整个段落向右缩进，margin-right表示段落右边距离右边的边框的距离。例如这句<p style=margin-top:30;margin-left:20;margin-right:20>。而且也可直接定义在图片中，例如<img src=**.jpg align=right style=margin-right:9>表示这张图片向右对齐，并且图片再向左移动9像素。
　　7)text-align (段落的对齐方式，例如left、center、right)
　　8)background-color (背景颜色)
　　9)position:absolute;top:30;left:50 表示绝对定位(DW中的层)
　　总之，最常用的就是以上这几种了，需要多多实践。
　　6.最常用的样式表代码实例。
　　实例4：去掉超链接下划线，<style>a{TEXT-DECORATION:none}</style>
　　实例5：超链接变色，<style>a{COLOR:000000}a:hover{COLOR:FF0000}</style>
　　实例6：超链接变色且去掉下划线，<style>a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}</style>
　　实例7：超链接变色且鼠标停在超链接上有下划线，鼠标离开下划线消失，<style>a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}</style>
　　实例8，请再翻回头实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>，这句可以让你网页的字体擂打不动，不随IE浏览器的“查看→文字大小”的设置而改变。
　　如果您需要从网页中复制代码到FP或DW中，复制请注意：一定要先从这里复制到记事本，然后再从记事本复制到FP或DW的html模式下，切记切记，否则无效。

从基础到精通：CSS实用教程（一）
　　CSS（Cascading Stylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐！^_^
　　前言
　　CSS（Cascading Stylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。
　　W3C（The World Wide Web Consortium）把动态HTML（Dynamic HTML）分为三个部分来实现：脚本语言（包括JavaScript、Vbscript等）、支持动态效果的浏览器（包括Internet Explorer、Netscape Navigator等）和CSS样式表。
　　一．层叠样式表的特点
　　且不说过去的网页缺少动感，就是在网页内容的排版布局上也有很多困难，如果不是专业人员或特别有耐心的人，很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试，才能驾驭好这些信息的排版，过程十分漫长和痛苦。为了Internet的发展，让更多人早日踏

做风格，仿的时候，要注意网页编码

发表回复

  今天在弄一个风格，做到搜索提交的时候，数据就是提交不过去。我用的是帝国的程序，还以为是我那里搜索的属性弄错了呢，核对了好几次，感觉都没有错。但是提交过去还是搜不到内容，真是太郁闷了，花了我好长时间，后来用他自己默认的搜索框复制过来搜索，发现还是不行，但是我放其他页面是行的，就放我这个模板里不行，真是太郁闷了。后来仔细检查了模板里的东西，郁闷，发现是UTF-8 的编码的，我那系统是 GBK编码的，怪不得POST过去，都搜不到内容。诶。这么一个小小的失误，浪费了我好久，我都还一直在郁闷咋就不行了呢。。。。。

GOOGLE奥运赛事金牌短信免费订制

发表回复

http://www.google.com/sms/alerts

上面是订制地址，需要手机收验证码，收到后只能订制五个项目。放心 是国际大公司 他说是免费不可能会来扣你的钱的。

发送频率：每天1次 – 下午发送

可能此举也是为了他们在国内的推广，再不好好做做市场，估计要推出中文搜索了。。。呵呵

关于RMVB刻录成VCD格式后，NERO刻录声音不同步的解决办法

发表回复

郁闷，上次刻了三张，看都没看就给我妈了，是帮我妈刻的一些戏曲，后来我妈跟我说，声音和画像对不上号，严重BS我的水平。我还以为是转换上出了问题，今天仔细对了下，刻录的源文件，在NERO刻录之前还是正常的，所以就刻录了张，拿去播放发现也有严重对不上好。又浪费了一张碟片，心疼哦。。。。。后来网上有找了资料，被我找到这篇文章，看来应该是NERO 的那次转码出问题了。

我在网上下载的RMVB视频，用相关软件把RMVB格式的视频转换成了VCD标准的mpeg，（因为NERO并不支持直接刻录RMVB和RM格式为VCD和DVD视频）再用NERO 7进行刻录，然而刻录的VCD节目却出现了画面和声音严重不同步的问题，图像滞后声音超前，我研究了一段时间后终于发现了问题的原因所在。

其实把RMVB转成VCD格式的是以MPG为扩展名的文件，由于采用了特殊的转换策略，转换后的MPG格式并非标准的VCD格式（音轨和视频轨错位）。需要用专门的工具将其复位并存为标准VCD格式（DAT），而NERO刻录时会自动对不标准的MPG重新采样，这就是声画不同步的原因。

所以如果把ＲＭＶＢ刻录成ＶＣＤ、ＤＶＤ就需要在转换ＲＭＶＢ的时候直接转成ＡＶＩ格式的，这样用ＮＥＲＯ刻录的时候就不会对视频文件进行重新的采样，刻录出来的ＶＣＤ、ＤＶＤ节目也就不会出现画面和声音不同步的问题了。

另外如果非要用ｍｐｇ的格式的话，据说用会声会影这个软件进行刻录可以避免画面和声音不同步的问题。

再补充说明几个问题:
1.如果你要刻录的视频在转换之前就画面和声音不同步，那以上我提到的方法就不适用了…
2.MPG文件的声音和画面不同步情况多出现在DVD或VCD机上看的时候，而在电脑上看是同步的。

帝国 ECMS随机调用SQL标签写法

发表回复

[ecmsinfo]"select * from phome__news where classid in (id1,id2……) order by rand() desc limit 6 ",6,18,1,24,11,1[/ecmsinfo]

(id1,id2……)   这个值得是栏目ID

phome_ecms_news 表名

limit 6 6为调用的条数

24 SQL标签这里放24

万能标签为

[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/ecmsinfo] 

网上邻居没法登录和访问解决办法

发表回复

1，没有共享资源/共享服务未启用。
症状：电脑与电脑间可以Ping通，但无法访问共享资源，在“计算机管理”中查看“本地共享”后会弹出“没有启动服务器服务”的错误对话框。
解决：在控制面板－管理工具－服务中启动Server服务。并设置“启动类型”为“自动”。

2，IP设置有误。
症状：双机之间无法互Ping，连接用的双绞线经过测试没有问题，没有安装防火墙。
解决：检查两台电脑的IP是否处在同一网段，还有子掩码是否相同。

3，WINXP默认设置不正确。
症状：从WIN98/2000/2003上无法访问另一台WINXP的机器。
解决：在“控制面板”中的“用户帐户”启用Guest帐号。然后在运行中输入secpol.msc启动“本地安全策略”。
本地策略 -> 用户权利指派，打开“从网络访问此计算机”，添加Guest帐户
本地策略 -> 安全选项，禁止"帐户：使用空白密码的本地帐户只允许进行控制台登陆"。

另外有时还会遇到另外一种情况：访问XP的时候，登录对话框中的用户名是灰的,始终是Guest用户，不能输入别的用户帐号。
解决：本地策略 -> 安全选项 -> "网络访问：本地帐户的共享和安全模式"，修改为"经典-本地用户以自己的身份验证"

4，系统漏洞修补软件修改了安全策略。
症状：在“网上邻居”中可以看到对方的计算机，但是访问共享时却提示“没有权限访问网络”
解决：在开始菜单运行中输入secpol.msc启动“本地安全策略”，本地策略 -> 用户权利分配，打开“拒绝从网络访问这台计算机”，删除guest用户。

5，防火墙规则。
症状：安装了防火墙（包括WINXP系统自带的防火墙），出现无法Ping通，或者是访问共享资源的时候提示"XXX无法访问"、"您可能没有权限使用网络资源"、"请与这台服务器的管理员联系以查明您是否有访问权限"、"找不到网络路径"等类似的提示。
解决：停止防火墙或者添加局域网的访问规则。
WINXP自带的防火墙：打开控制面板 -> 网络和Internet连接 -> Windows防火墙 -> 例外，勾选“文件和打印机共享”。

一般情况对方的能访问你，你不能访问对方的，问题是出在对方的电脑的设置方面。
最有可能是对方的电脑的guest用户没有启动，这样所以访问对方电脑都会提示没有权限。启用guest用户：右键我的电脑－－管理－－本地用户和组－－右键 guest －－启用。即可。（如果想让别人访问需要密码，也可以在这里设置密码，设置guest用户密码即可）
其次的原因就是对方防火墙设置太高。
还有就是最好你们的电脑在本地连接的属性中tcp/ip协议中，都设置一个同一网段的固定ip。这样就好用ping命令来判断网络是否连接正常。（ping命令使用：开始运行command，然后输入ping 对方ip地址）
可以ping通，那么一股情况就可以访问对方。不能从网上邻居中访问，也可以直接在地址栏中键入 对方ip地址或计算机名。
实在不行的话，最绝的办法是重新创建一个连接。

页面正在加载中代码(网页打开慢时用)

发表回复

1。
列代码保存为load.JS文件

    var s1 = setInterval("loading.innerText+='.'", 500);
    var s2 = setInterval("loading.innerText = ''", 8000);

    function window.onload()
    {
      clearInterval(s1);
      clearInterval(s2);
      loadingDiv.removeNode(true);

    }
document.writeln("<div id="loadingDiv" style="z-index:50000;position:absolute;left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);top:expression((document.body.clientHeight-this.style.pixelHeight)/3+document.body.scrollTop);">");
document.writeln(" <table border="1" width="260" cellspacing="0" cellpadding="4" style="border-collapse: collapse;FILTER: Alpha(opacity=95)" bgcolor="#ffffff">");
document.writeln(" <tr>");
document.writeln("   <td bgcolor="#2D2D2D">");
document.writeln("    <table width="100%" border="0" cellspacing="0" cellpadding="0">");
document.writeln(" <tr>");
document.writeln("   <td style="font-size:12px;color:#ffffff">");
document.writeln("    『lossr.net』★页面正在加载…</td>");
document.writeln("   <td width="1">");
document.writeln(" <span title=关闭 style="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;" onClick="document.all.loadingDiv.style.display='none'">×</span>   </td>");
document.writeln(" </tr>");
document.writeln("    </table>");
document.writeln("   </td>");
document.writeln(" </tr>");
document.writeln(" <tr>");
document.writeln("   <td>");
document.writeln("    <table width="100%" border="0" cellspacing="0" cellpadding="0">");
document.writeln("     <tr>");
document.writeln("   <td width="35" align="center">");
document.writeln("    <img src="/js/loadding.gif" width="32"> </td>");
document.writeln("   <td style="font-size:12px;color:#000000">站点正在加载图片,请您耐心等待….<span id="loading"></span>");
document.writeln("   </td>");
document.writeln("     </tr>");
document.writeln("   </table></td>");
document.writeln("   </tr>");
document.writeln(" </table>");
document.writeln("</div>")
document.writeln("<SCRIPT LANGUAGE="javascript"> ");
document.writeln("<!– Hide ");
document.writeln("function killErrors() { ");
document.writeln("return true; ");
document.writeln("} ");
document.writeln("window.onerror = killErrors; ");
document.writeln("// –> ");
document.writeln("</SCRIPT>");

在HEAD中加入

<script language="JavaScript" type="text/javascript" src="/js/load.js"></script>

2。
JS文件代码 保存为LOAD.js

<!–

//页面加载中效果开始
var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate() {
    var elem = document.getElementById('progress');
    if(elem != null) {
     if (pos==0) len += dir;
     if (len>32 || pos>79) pos += dir;
     if (pos>79) len -= dir;
     if (pos>79 && len==0) pos=0;
     elem.style.left = pos;
     elem.style.width = len;
    }
}
function remove_loading() {
    this.clearInterval(t_id);
    var targelem = document.getElementById('loader_container');
    targelem.style.display='none';
    targelem.style.visibility='hidden';
}

CSS代码 保存为css.

/* 页面加载特效 */
#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%;
    left: 0;
}
#loader {
    font-family:Tahoma, Helvetica, sans;
    font-size:11.5px;
    color:#000000;
    background-color:#FFFFFF;
    padding:10px 0 16px 0;
    margin:0 auto;
    display:block;
    width:130px;
    border:1px solid #5a667b;
    text-align:left;
    z-index:2;
}
#progress {
    height:5px;
    font-size:1px;
    width:1px;
    position:relative;
    top:1px;
    left:0px;
    background-color:#8894a8;
}
#loader_bg {
    background-color:#e4e7eb;
    position:relative;
    top:8px;
    left:8px;
    height:7px;
    width:113px;
    font-size:1px;
}

紧跟<body>中加入

<div id="loader_container">
<div id="loader" style="width: 130px; height: 48px">
<div align="center"><font color="#FF9900">页面正在加载中 <br>
请稍候…</font></div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>

<head>间加入

<style type="text/css" title="currentStyle" media="screen">
@import "css.css";
</style>
<script language="JavaScript" src="load.js"></script>

</body>前加入

<script language="javascript">
remove_loading();
</script>

以上是两种方法，loadding.gif为加载中效果图片，可以自己找个喜欢的

怎么才能帮托网页内容无法复制，或者人家强迫点击广告的简单解决办法

发表回复

      发现很多网站要求用户进行强迫性点击广告，才能复制内容或者浏览内容。或者有些是禁止复制，禁止右键等等，其实只要一个简单的办法就可以解决掉了。一般很多人家网页加的限制代码都不支持，火狐浏览器，如果发现有些网站的文章真的很想复制的话，推荐你安装下把。今天碰到一个恶心的网站，一定要点击广告才能复制内容，所以这里写下，而且他这么做广告联盟的提供者也是禁止的，呵呵。

    发现在火狐下，他的代码也有效，如果真的不行。还有，这些一般都是通过JS 控制的，所以将浏览器的JS功能禁止点，就可以正常复制了。呵呵，最简单的方法就是禁止JS 了，用个不经常使用的浏览器，要复制那些没法复制的内容的时候，就使用这个浏览器。哈哈

css缩写

发表回复

　margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。

　　所以下面的代码：

p {
    border-top-width: 1px;
    border-right-width: 5px;
    border-bottom-width: 10px;
    border-left-width: 20px;
}

　　可以写成：

p {
    border-width: 1px 5px 10px 20px;
}

　　border-width,border-color,border-style同样可以合并到一起，例如：

p {
    border: 1px red solid;
}

　　（同样可以运用到border-top,border-right等等）
　　如果只使用两个值（比如margin: 1em 10em;），第一个值包括顶部和底部，第二个值包括左右。

　　字体属性同样可以使用font属性合并。

p {
    font: italic bold 1em/1.5 courier;
}

　　（上面"/1.5"是 line-height的值）
　　把它们总结在一起，试下下面的代码：

p {
    font: 1em/1.5 "Times New Roman", times, serif;
    padding: 3em 1em;
    border: 1px black solid;
    border-width: 1px 5px 5px 1px;
    border-color: red green blue yellow;
    margin: 1em 5em;
}

　　推荐大家使用缩写形式，促进CSS代码的精简、优化！