简单常用样式及代码

[日期：2019-04-25] 来源：云南龙头科技有限公司作者：龙头科技阅读：5616次

设置网页距离顶部和左右为无间隙：body{margin: 0px; padding: 0px;}

设置ul和li无任何样式：ul{list-style: none;} li{list-style: none;} ol{list-style: none;}

设置图片无边框：img{border:0}

按钮或表单框去样式：input{outline:none;}

去掉搜索等框线：input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0;}

设置背景图片：{BACKGROUND: url(/images/bg.jpg); }

设置背景颜色：｛background-color:#ffffff; }

给样式加边框和颜色及设置圆角.ys{width:100px; border:#999999 1px solid; border-radius:5px 5px 5px 5px;}

给td四周加线条：<td bgcolor="#ddcdb3" style="BORDER-left: #b39d7a 1px solid; BORDER-right: #b39d7a 1px solid; BORDER-top: #b39d7a 1px solid; BORDER-bottom: #b39d7a 1px solid;">

设置某个图片样式有边框：.divcss5 img{border:1px solid #F00 }

设置表边框为虚线样式一：.xtys{border:1px dashed #000; width:350px; height:50px;}

设置边框为虚线样式二：.xxys{border:dotted 1px #c7c7c7;}或某一边｛border-right: dotted 1px #c7c7c7;｝

设置字体、大小和颜色及居中：.ys{font-family:"微软雅黑"; font-size:18px; color:#ff0000; text-align: center; }

单独给字体加颜色：<font color="#FF0000">我是红色字体</font>

设置div居中：.jz{margin:0 auto;}或<center><div></div></center>

asp注释代码：

asp获取当前日期并加三天后的时间：<%=Date()+3%>

css样式中的注释代码：/*需要被注释的内容*/

背景图片拉伸效果：<img border='0' src='images/bg.jpg' width='100%' height='100%' style='position: absolute;left:0px;top:0px;z-index: -1'>

浏览器兼容模式代码：

兼容IE7：<meta http-equiv="X-UA-Compatible" content="IE=7" />

进入网站自动跳转：<meta http-equiv="refresh" content="0;url= /m ">

给网站加favicon.ico图标：

<head>

</head>

asp调用当前日期时间方法一：

response.write formatdatetime(now,0)&"<br>"

response.write formatdatetime(now,1)&"<br>"

response.write formatdatetime(now,2)&"<br>"

response.write formatdatetime(now,3)&"<br>"

response.write formatdatetime(now,4)&"<br>"

方法二：<%=now()%>

打开网页4秒后弹出窗口

setTimeout(function(){alert('这里是弹出的内容')},4000);//界面加载四秒后执行弹出窗口的方法。

</script>

网页禁止右键：<meta http-equiv="MSThemeCompatible" content="Yes">

禁止左键：<body onselectstart="return false">

禁止右键：<body oncontextmenu=self.event.returnvalue=false>

结合起来禁止左右键：<body oncontextmenu=self.event.returnvalue=false onselectstart="return false">

给表格加边框：

设置样式

<style>

.table-c table{border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6}

.table-c table td{border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; line-height:30px; text-indent:10px;}

</style>

源代码片段

<tr>

<td width="180">云南龙头科技</td>

</tr>

<tr>

<td>www.ynlongtou.com</td>

</tr>

</table>

</div>

li里面不换行

white-space:nowrap; //强制不换行

overflow:hidden; //自动隐藏文字

text-overflow: ellipsis; //文字隐藏后添加省略号

-o-text-overflow:ellipsis; //适用于opera浏览器

/*当屏幕小于640px的时候显示的样式*/

@media only screen and (max-width:640px){

.w{ width:320px;}/*这里是css的样式*/

}

white-space:nowrap;不换行样式

.ys{height:25px;line-height:25px;font-size:12px;width:120px;overflow:hidden;}/*内容溢出120px时将自动隐藏;*/

<a>标签中的href="javascript:;"是什么意思？

例子：<a href="javascript:;">云南龙头科技</a>

javascript:是一个伪协议

javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？

void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思。

　　更多云南龙头科技有限公司网站案例请查看：http://www.ynlongtou.com/case.asp?id=3

　　云南龙头科技有限公司凭借多年的网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，成功帮助多家中小企业实现互联网信息化建设，得到了客户的一致好评。如你有任何关于网站建设的疑问，请立即点击咨询云南龙头科技有限公司资深营销专家或拨打咨询热线：13759574266，我们会详细为你一一解答你心中的疑难。

本文网址：http://ynlongtou.com/case_show.asp?id=1610

上一篇：复制网页内容自动添加版权信息

下一篇：没有了