热门标签： 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例子

/*
*创建人：蔺宜忠
*用途：学习css，应用于新闻系统
*/
*
{
    /*把默认值设置为0*/
    margin: 0;
    padding: 0;
    border-width: 0;
}
body
{
    font-size: 14px;
}
a:link，a:visited
{
    /*鼠标未移上去的状态、超链接访问后的样式*/
    color: Black;
    text-decoration: none;
}
a:hover
{
    /*鼠标移到超链接上的样式*/
    color: red;
    text-decoration: underline;
}
#top, #search, #main, #footer
{
    /*公共样式*/
    margin: 10px auto 10px auto;
    width: 760px;
}
#top
{
    /*顶部样式*/
}
#search
{
    /*搜索区*/
}
.test
{
    border-width: 0;
}
#main
{
    /*可变内容区*/
    height: 313px;
    margin-bottom: 10px;
}
#footer
{
&n ......

图片无缝滚动代码(DIV+CSS+JavaScript)

<div id="imgbox" style="height:110px;width:600px;overflow:hidden;">
<div id="imgbox1" style="float:left;width:1000%">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
<img src=" ......

图片无缝滚动代码(DIV+CSS+JavaScript)

CSDN中自定义css的使用

可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_content。
所以，定义它们的主体样式可以这样:
#csdnblog_header
{
    //头部的风格
}
#csdnblog_sidebar
{
    //侧边栏的风格
}
#csdnblog_content
{
    //主体内容的风格
}
这三个div又被两个div包裹起来了，它们的id分别是csdnblog_allwrap, csdnblog_midwrap
这两个还可以定义整个页面的整体样式
#csdnblog_allwrap
{
    //你想要的风格
}
#csdnblog_midwrap
{
    //你想要的风格
}
页面的头部由以下几部分组成
1、h1，显示blog的用户自定义标题
#csdnblog_header h1
{
    //标题风格设置
}
2、h2，显示用户自定义的blog描述
#csdnblog_header h2
{
    //blog描述风格设置
}
3、ul, id为personalnav, 个人导航列表
#csdnblog_header ul#personalnav
{
    //blog个人导航栏风格设置
......

CSS 菜单系列：用 UL 制作横向导航菜单－入门版

用 UL 制作菜单现在非常流行，那我们也凑凑热闹，第一讲就说说用 UL 制作导航菜单的方法，这一讲是入门版，只是实现基本功能，欢迎各位发布自己的实现方式。
我们先定一下 HTML 代码：
<ul id="menu">
<li><a href="http://www.codebit.cn">CodeBit.cn</a></li>
<li><a href="http://www.yitu.org">YITU.org</a></li>
<li><a href="http://www.yahoo.com">Yahoo.com</a></li>
<li><a href="http://www.google.com">Google.com</a></li>
</ul>
用 UL 做导航菜单之所以被广泛采用，优点很明显，代码清晰，布局方便。
下面我们就开始写 CSS ，让原本纵向显示的内容，横着排：
设置一些公共样式：
代码:
<style type="text/css">
#menu {
font:12px verdana, arial, sans-serif; /* 设置文字大小和字体样式 */
}
#menu, #menu li {
list-style:none; /* 将默认的列表符号去掉 */
padding:0; /* 将默认的内边距去掉 */
margin:0; /* 将默认的外边距去掉 */
}
</style>
因为我们现在这个是独立讲解，所以需要设置一些公共样式，� ......

CSS中的cursor用法

【总结】高效整洁CSS代码原则

　　CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：
1. 使用Reset但并非全局Reset
　　不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：
view source
< id="highlighter_949558_clipboard" title="copy to clipboard" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="16" height="16" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash">
print?
*{ margin:0; padding:0; }
　　这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一成不变的，具体还需要根据项目的不同需求做适当的修改，以达到浏览器的兼容和操作上的便利性。我使用的Reset如下:
view source
< id="highlighter_979617_clipboard" title="copy to clipbo ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 [41] [42] [43] [44] 45 [46] [47] [48] [49] [50] 下一页尾页