开启左侧

技术日志-2015

[复制链接]
资友 发表于 2015-12-18 09:36:30 | 显示全部楼层 |阅读模式
1
css border参数学习
  border-style:solid;border-width:0px 0px 0px 10px; /*左侧设宽度为10象素的边框*/
border后边的四个参数依次是:上、右、下、左。
  border-style:solid;border-width:0px 1px 0px 0px; /*左侧设宽度为10象素的边框*/
颜色设置也是按此顺序:
border-color:red green blue pink;
    上边框是红色
    右边框是绿色
    下边框是蓝色
    左边框是粉色
*如果跟3个参数则为“上、右、下”,如果两个则为“上、右”。注意,如果只有一个参数则表示“四个边框”全是一样。
border-color:dotted red green;
    上边框和下边框是红色
    右边框和左边框是绿色

css在线测试效果网址:http://www.w3school.com.cn/tiy/t.asp?f=csse_border-color
回复

使用道具 举报

 楼主| 资友 发表于 2015-12-18 09:41:31 | 显示全部楼层
2
处理IE6 图片不自动透明的js源码,可将下面的代码放进名为 ie6.js的文件
var clear="images/clear.gif"; //path to clear.gif

document.write('<script type="text/javascript" id="ct" defer="defer" src="javascript:void(0)"><\/script>');var ct=document.getElementById("ct");ct.onreadystatechange=function(){pngfix()};pngfix=function(){var els=document.getElementsByTagName('*'),ip=/\.png/i,al="progid: DXImageTransform.Microsoft.AlphaImageLoader(src='",i=els.length,uels=new Array(),c=0;while(i-->0){if(els.className.match(/unitPng/)){uels[c]=els;c++;}}if(uels.length==0)pfx(els);else pfx(uels);function pfx(els){i=els.length;while(i-->0){var el=els,es=el.style,elc=el.currentStyle,elb=elc.backgroundImage;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter=al+el.src+"',sizingMethod='crop')";el.src=clear;}else{if(elb.match(ip)){var path=elb.split('"'),rep=(elc.backgroundRepeat=='no-repeat')?'crop':'scale',elkids=el.getElementsByTagName('*'),j=elkids.length;es.filter=al+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';if(j!=0){if(elc.position!="absolute")es.position='static';while(j-->0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}};};


ie6.js在html和asp文件中的调用(一般放在<head></head>之间):
<!--[if IE 6]>
<script language="JavaScript" src="js/ie6.js" type="text/JavaScript"></script>
<![endif]-->
php没有通过测试,会将整个页面显示为空白。
用到了一个clear.gif文件,是一个单色小文件
回复 支持 反对

使用道具 举报

yuanscn 发表于 2016-1-6 15:45:40 | 显示全部楼层
常用HTML标签元素结合及简介

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题        
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本         
<u></u> 下划线
<b></b> 黑体字   
<i></i> 斜体字   
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体        
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小        
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码         
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例   
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字   
<SUB></SUB> 下标字
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體  
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體  
<font style ='font-size:100 px'>...</font>無限增大



格式标志标签
<p></p> 创建一个段落   
<p align=""> 将段落按左、中、右对齐  
<br> 换行 插入换行符  
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表  
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
  若在<ul></ul>之间则每个列表项加上一个圆点    
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单  
<DIR> 目录清单  
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
<center></center> 水平居中  

链接标志表格标志
<a href="URL"></a> 创建超文本链接  
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接  
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系

链接标记注解:

◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="..."发送链接的类型  
◆rev="..."保存链接的类型
◆accesskey="..."指定该元素的热键
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
回复 支持 反对

使用道具 举报

yuanscn 发表于 2016-1-7 16:55:56 | 显示全部楼层
安装了某些无线路由器后,手机,平板都能使用无线网络了,但电脑用IE或360浏览器不能打开网页了,而Firefox浏览器则可以。QQ聊天,桌面微博都能正常登录,这是怎么回事?有朋友说是DNS设置不对,我是选择的自动获取啊。另外,我使用的是联通拨号上网。请高手详解。

答:
1 开始--控制面板--网络和internet连接--internet选项--连接
2 把“拨号和虚拟网络专用设置”中的“我的连接”删除掉
3 把其下边的“局域网设置”点开,把三个选项中的勾全去掉。

一切OK了。
回复 支持 反对

使用道具 举报

 楼主| 资友 发表于 2016-1-11 17:12:05 | 显示全部楼层
自己做一个双层方框,把文字装进去。html源码: (这里是用图片画线,如果是不用图片,直接用border>0就OK了)

<!--1框外标题开始-->
<div class=" Position"><span>您的位置:<a href="/">中国</a> > <a href='/'>湖北</a> > <a href='/'>枣阳袁氏</a></span></div>
<!--大框架开始-->
   <div id="main5-1" style="margin-left:6px"><a href="#"><img src="images/yzy/people_r5_c1down.jpg" width="984" height="5"
></a></div><!--上横线-->
   <div id="main5-2" style="margin-left:6px"><!--两边竖线-->
<p class="content" style="margin:1px 10px 1px 10px;">
&nbsp;&nbsp;&nbsp; 本算命系统为目前最强大、最完善、测算功能最多的免费在线电脑算命系统!目前可以为您提供包括:生辰八字、八字测算、日干论命、称骨论命、姓名测试、姓命配对、上辈为人、姓氏起源;星座查询、星座运程、星座配对、星座测试、星座名人、生日密码、EQ测试、个性测试、人际关系测试、性格测试、爱情运势分析;在线排盘、四柱八字排盘、大六壬起课、六爻起卦、奇门遁甲起局、玄空飞星排盘、金口诀立课、紫微斗数排盘、真太阳时间修正、地区经度查询;抽签占卜、观音灵签、吕祖灵签、黄大仙灵签、关帝神签、天后灵签、诸葛神算、周公解梦;情侣速配、星座对对配、姓名配对关系提示、姓名五格配对、生辰八字配对、生肖血型配对、QQ号码缘分测试;三世财运、指纹预测、生男生女、QQ号码/手机号码/电话号码吉凶测算、耳鸣预测、眼跳预测、心惊预测、面热预测、择吉黄历、结婚吉日;身份证算命、婚姻指数测试等相关内容。
</p>
   </div>
   <div id="main5-3" style="margin-left:6px"><img src="images/yzy/people_r5_c1.jpg" width="984" height="6" /></div><!--下横线-->
   <div class="HeightTab clearfix"></div>
<!--大框架结束-->
回复 支持 反对

使用道具 举报

yuanscn 发表于 2016-2-24 20:38:12 | 显示全部楼层
<style type="text/css">
table.imagetable {
        font-family: verdana,arial,sans-serif;
        font-size:11px;
        color:#333333;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
        margin:10px;
}
table.imagetable th {
        background:#b5cfd2 url('cell-blue.jpg');
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #999999;
}
table.imagetable td {
        background:#transparent;
        border-width: 1px;
        padding: 8px;padding_left:5px;
        border-style: solid;
        border-color: #F00;
}
</style>
回复 支持 反对

使用道具 举报

yuanscn 发表于 2016-2-24 20:49:18 | 显示全部楼层

/*表格样式。*/
.table {
width:100%;
padding: 0px;
margin: 0px;
font-family:Arial, Tahoma, Verdana, Sans-Serif,宋体;
border-left:1px solid #ADD8E6;
border-collapse:collapse;
}
/*表头样式。*/
.table th {
font-size:12px;
font-weight:600;
color: #303030;
border-right: 1px solid #ADD8E6;
border-bottom: 1px solid #ADD8E6;
border-top: 1px solid #ADD8E6;
letter-spacing: 2px;
text-align: left;
padding: 10px 0px 10px 0px;
background: url(../images/tablehdbg.png);
white-space:nowrap;
text-align:center;
overflow: hidden;
}
/*单元格样式。*/
.table td {
border-right: 1px solid #ADD8E6;
border-bottom: 1px solid #ADD8E6;
background: #fff;
font-size:12px;
padding: 3px 3px 3px 6px;
color: #303030;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
/*蓝色单元格样式,主要用于隔行变色。*/
.table td.color{
background:#edf7f9;
}
/*表格中超级链接样式。*/
.table td a:link{
font-weight:400 ;
color:#2259D7 ;
text-decoration:none ;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
.table td a:visited {
font-weight:400 ;
color:#2259D7 ;
text-decoration:none ;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
.table td a:hover {
font-weight:400 ;
text-decoration:underline ;
color: #303030;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
.table td a:active {
font-weight:400 ;
text-decoration:none ;
color:#2259D7 ;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
回复 支持 反对

使用道具 举报

工正数码 发表于 2016-2-29 16:20:54 | 显示全部楼层
A {COLOR: #333333; TEXT-DECORATION: none; TEXT-TRANSFORM: none}
A:hover {COLOR: #CC0033;LEFT: 1px; POSITION: relative;TEXT-DECORATION:blink;TOP: 1px;margin:0px;clear: both;}
回复 支持 反对

使用道具 举报

工正数码 发表于 2016-2-29 16:28:00 | 显示全部楼层
菜单同行显示
<style>
li{display:inline;}
</style>
回复 支持 反对

使用道具 举报

yuanscn 发表于 2016-5-23 17:04:17 | 显示全部楼层
手机浏览网页自动跳转:
说明:此部分恢复时删除
<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone|Nokia|Motor|motorola)/i)))
{
window.location="http://www.yuanscn.com/wap";
}
}
}
catch(err)
{
}</script>
以上这段代码为识别手机自动跳转代码,放在head头之间,即可以放在这里,也可以放在后台:全局-SEO设置-其它-其它头部信息
回复 支持 反对

使用道具 举报

 

返回顶部