易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS 制作菜单栏

1、如何用ul制作一行菜单
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<p>
样式:
<style type="text/css">
      ul{
 float:left;margin:auto;padding:auto;width:800px;list-style-type:none;
}
ul li{
 display:inline;
}
ul li a{
 float:left;padding-left:10px;padding-right:10px;color:#00FF00;background-color:#6600FF;text-decoration:none;border-right:1px solid white
}
a.hover{
 background-color:#CC0099;
}
</style>
关键点:display:inline----使得li能连接在一起,以前一直设置li float:left,太麻烦了。


相关文档:

css学习总结

一 关于css的id选择符
      每个html的元素都包含一个id属性,该属性是唯一的,可以唯一标示一个元素,我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
  color:Yellow ;
  background-color:Maroon ;  
}
  html界面如下:
 &l ......

IE与FireFox的js和css (杂记)

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。
sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图 ......

CSS Hack 总结


浏览器越来越多,不同的浏览器,不同的版本在页面的渲染上都各不相同。这让网页开发人员很头疼,为了能兼容各个浏览器,人们挖掘出了很多 CSS Hack。下面进行一下总结,如果还有其他的 CSS Hack 欢迎提供。
一) 针对 IE 的 Hack
大部分 CSS Hack 都是针对 IE 的,这是用于我们的 IE "坚强"所致,尤其是 IE6。
#test { ......

CSS设计彻底研究

这本书不错,详细介绍了CSS的相关知识,对初学者和想进一步学习的人都有帮助。
 相关笔记:
     行内样式>ID样式>类样式>标记样式
     font-weight:bold;
     font-size:30px;
     text-decoration:underline;
& ......

在网页中加入CSS的方法

1.直接加在对象上
  <html>
   <head>
    <title>title</title>
   </head>
   <body>
    <span style="color:red">red</span>
   </body>
  </html>
2.加到页面头部
  <html>
   <head>
    < ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号