热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : css

CSS中元素的隐藏和显示(visibility, display)

visibility: hidden, visible
display: block, inline, none
visibility: 控制页面元素的显示和隐藏，不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时，会占据一个显示块，其它的元素不能使用这个位置。当元素隐藏时，它不能接收事件。
document.getElementById("div").style.display = "none";//从页面中移除这个元素，当然元素的位置也被移除。
document.getElementById("div").style.display = "inline";//此元素不会占据一行，和其它的元素一起组合显示。
document.getElementById("div").style.display = "block";//此元素占据一行，单独显示。 ......

css 鼠标经过文字变色

#dh
{
width:1003px;
height:36px;
background-image:url(images/mmain_03.gif)
}
#dh li
{
height:30px;
width:110px;
float:left;
list-style:none;
text-align:center;
margin:7px;
padding:5px;
}
#dh li a:link
{
   font-size:16px;
   font-weight:bold;
   color:#FFFFFF;
   text-decoration:none;
}
#dh li a:visited
{
font-size:16px;
font-weight:bold;
font-family:"Arial Black";
color:#FFFFFF;
text-decoration:none;
}
#dh li a:hover
{
font-size:16px;
font-weight:bold;
color:#FF0000;
text-decoration:underline;
}
这里应该主要css顺序:a:hover应该放在最后 ......

div+css左右高度自适应

.equal {
margin-bottom:-32767px;
padding-bottom:32767px;
}
.left{
float:left;
margin-left:5px;
overflow:hidden;
width:295px;
}
.right {
float:right;
overflow:hidden;
width:245px;
}
<div class=’left equal’>数据任意长度，可以自行copy很长一断来测试</div>
<div class=’right equal’>与左边的数据不同即可体现了</div>
作用原理很简单，设置正的内边距和负的外边距，然后用盒子overflow:hidden;将多出来的地方隐藏掉。
......

css教程–十步学会用css建站

第一步：规划网站，本教程将以图示为例构建网站
1.规划网站，本教程将以下图为例构建网站。
点击看大图
其基本布局见下图：
点击看大图
主要由五个部分构成：
1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px
2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content
4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px
第二步：创建html模板及文件目录等
1.创建html模板。代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>CompanyName - PageName</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta ......

CSS中10件你需要知道的事

1. CSS的要点是在你的页面中使用简洁的HTML代码,然后编写CSS"控制规则"来样式化页面中的对象.页面保持清晰有条不紊看上去非常棒.这样你的Html页面可以在移动设备和标准浏览器中运行.这就是CSS的要点.
不过CSS的艺术在于能够利用CSS控制规则快速有效地操纵页面对象.把CSS规则与HTML标记匹配起来的操做就好像是一种对话:两者需要条理清楚且保持同步,否则的话他们将答非所问,搞得你头大.
2. 常规操作还是灵活匹配:假设你要样式化页面中一个<h1>header,可选择操作有:
*用CSS规则h1{...定义所有的<h1>标记
*在对象实际位置进行样式定义,举个例子:<b>位于标记<p>的内部,在定义的时候你应该这样p b{...
*针对某个特定的类型进行定义,为你想定义的标记<h1>添加class="myheader",然后使用CSS规则 .myheader{...
*仅仅定义个别<h1>header,你可以为标记<h1>添加id="myheader",然后使用CSS规则#myheader{...
当然你也可通过不同的方式混合使用上面的规则:
要定义所有位于类型为"magicform"的表单中的类型为"barleymash"的<h1>标记,你可以这样form.magicform h1.barleymash {. ......

网页中常用的几个cSS技巧

这段时间在学习css，总结了一些技巧来和大家分享下：
　　1、使用 line-height 垂直居中
　　line-height:24px;
　　使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可(高度与父层容器一致)，更多的垂直居中总结可以看这里。
　　2、清除容器浮动
　　#main {
　　overflow:hidden;
　　}
　　期前也提到过这样的问题，更多信息可以看这里。
　　3、不让链接折行
　　a {
　　white-space:nowrap;
　　}
　　上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行(有关换行方面的讨论，参看圆心的记录)。
　　4、始终让 Firefox 显示滚动条
　　html {
　　overflow:-moz-scrollbars-vertical;
　　}
　　更多的 Mozilla/Firefox 私有 CSS 属性可以参考这里。需跨浏览器的支持，也可以使用
　　body, html {
　　min-height:101%;
　　}
　　5、使块元素水平居中
　　margin:0 auto;
　　其实就是
　　margin-left: auto;
　　margin-right: auto;
　　这个技巧基本上所有的 CSS 教科书都会有说明，别忘记给它加上个宽度。Exploer 下也可以使用
　　body{
　　text-align: center;
　　}
　　然后定义内层容 ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 [120] [121] [122] [123] [124] [125] [126] [127] 128 [129] 下一页尾页