找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3604|回复: 2

[精华] CSS全局样式表(1)

[复制链接]
发表于 2012-2-28 09:31:01 | 显示全部楼层 |阅读模式 来自 河南省许昌市
* 将具有默认margin和padding的标记置零
* @overlay *
* @desc    所有标记的margin、padding都在使用时具体定义
*/
*{margin:0;padding:0;}
/*
* 修正IE5.x和IE6的斜体溢出bug
* @bugfix
* @css-for    IE 5.x/Win, IE6
*/
* html body{
    overflow: visible;
}
* html iframe, * html frame{
    overflow: auto;
}
* html frameset{
    overflow: hidden;
}

/* @group 常用标签 */
    /*
     * 基本标签默认样式取消
     * @overlay HTML标签
     * @desc 取消基本标签默认样式,防止不同浏览器显示效果不同
     * @Prop text-align:center; 解决不同浏览器剧中问题
     */
    body{color:#000;background:#fff;font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋体;text-align:center;}
    body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
    input,select{font-size:12px;vertical-align:middle;}
    /*
     * 设置内容左对齐
     * @overlay div
     * @desc 恢复因BODY设置剧中产生的继承
     */
    body div{text-align:left;}
   
    /*
     * 标签属性
     * @overlay textarea,input
     * @desc 强制输入时内容超出时换行
     */
    textarea,input{    word-wrap:break-word;word-break:break-all;padding:0px;}
    /*
     * 清除ul列表标记的样式
     * @overlay  li
     * @desc    ul列表更多的用在不需要列表前置符号的样式里
     */
    li{list-style-type:none;}
    /*
     * 定义图片边框
     * @overlay img
     * @desc    当图片作为链接内容被填充时,会有默认边框出现,重定义掉
     */
    img{border:0 none;}
    /*
     * 定义默认的链接样式
     * @overlay a
     * @desc    仅仅是作为默认样式提供,可以在各自的实例中覆盖掉
     */
    a:link, a:visited{
        color:#000;
        text-decoration: none;
    }
    a:hover{
        color:#F60;
        text-decoration: underline;
    }
    /*    去掉链接的虚线框     */
    /*      a {outline: none;      a {star:expression(this.onFocus=this.blur()); */
   
    /*
     * 定义H系列标签
     * @overlay HN
     * @desc  覆盖H系列标签默认属性
     */
    h1{ font-size:24px;}
    h2{ font-size:20px;}
    h3{ font-size:18px;}
    h4{ font-size:16px;}
    h5{ font-size:14px;}
    h6{ font-size:12px;}
   
/* @end */


/* @group 通用属性定义 */
    /*  鼠标样式 */
    .pointer{cursor:pointer;}
    /* 取消边框 */
    .NoBorder{border:0 none;}
    /*  文本对齐方式  */
    .t-l{text-align:left;}
    .t-c{text-align:center;}
    .t-r{text-align:right;}

    /*
     * 字母和单词换行设置
     * @class Break 强制内容换行
     * @class Nobreak 强制内容不换行
     */
    .Break{word-break:break-all;word-wrap:break-word;}
    .Nobreak{word-break:keep-all;word-wrap:normal;}

    /*     浮动定义   */
    .FL{float:left;}
    .FR{float:right;}
   
    /*  定义文本下划线  */
    .UnLine{text-decoration:underline;}
    .DisunLine{text-decoration:none;}
   
    /*    定位关系     */
    .absolute{position:absolute;}
    .relative{position:relative;}
   
    /*  下划点虚线 */
    /*
    .dotLine{ background:url(../image/dot01.gif) repeat-x left bottom;}
    */
   
   
  

评分

参与人数 2金币 +21 收起 理由
赵人无名 + 20 很给力!
光明使者 + 1 赞一个!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2012-3-9 09:33:31 | 显示全部楼层 来自 北京市朝阳区
内容很详细 值得参考

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

发表于 2012-3-9 16:15:15 | 显示全部楼层 来自 北京市
写的很好,学习了

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-4-27 20:48 , Processed in 0.045525 second(s), 10 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表