文章列表
 
您正在查看 "Css" 分类下的文章

2009-12-28 11:59

文字倒排(逆时针转90度):

运行代码

1.文字倒排(逆时针转90度)<br><br>

<span style="font-family:@宋体;color:red">尽人事 顺天命</span>


<br><br>
2.文字正写竖排,中文竖排,从右往左读<br><br>
<div style="layout-flow: vertical-ideographic;height:399;float:right;">
在暗蓝色的海上,海水在欢快地泼溅<br>
我们的心是自由的

 
2009-10-06 0:43

下面是14条特殊情况仅供参考:

1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。

2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义h

 
2009-10-05 13:53

IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法

先看css代码:

div {

    

        margin-left:10px;

        width:420px;

 
2009-09-27 14:51

1.<li>中使链接充满的方法,即 块链接 display:block 不需要放在文字上即有链接

为期定义a,如下:

.topnewsul{
width:400px;
display:block;
}
.topnewsul li{
width:96%;
line-height:20px;
display:table;
}
.topnewsul li a{

 
2009-06-09 11:07
  • Simple Example:
  • "\9" 例:"margin:0px auto\9;".
  • 这里的"\9"可以区别所有IE和FireFox.
  • "*" IE6、IE7可以识别.IE8、FireFox不能.
  • "_" IE6可以识别"_",IE7、IE8、FireFox不能
  • 在html头部加上这句话
  • <met
  •  
    2009-06-09 0:43
    1. 3px Bug

    描述:IE下两个div之间会出现3个像素的Bug,这个bug是在当对一个div用了float元素时,而div未使用时则会出现。

    解决方法:a.对另一个元素同时使用float; b.为已经浮动的div添加一条语句:margin-right:-3px; 或者margin-left:-3px; ;

    例子:
    <html>
    <head> <title>IE 3px Bug </title> </title>
    <style type="text/css">
    <!--
    body {
    color:#fff;
    }
    .main {
    background: #CCC;
    border
     
    2009-06-09 0:42

    第一种办法:

    body
    {
        background:red;
        *background:blue !important;  
        *background: green;
    }


    第一排给Firefox以及其他浏览器看;
    第二排给IE7,IE7既能能识别*号,也能识别important;
    第三排给IE6也能识别*号;

    第二种办法,使用_来区分IE6:

    body
    {
        background:red;
        *background:blue;  

     
    2009-06-09 0:37
    在写css时遇到一个问题:就是用css样式写出来的页面在FF,IE6,IE7显示不一样,查了资料之后发现可以利用css的hack来控制
    css 有如下hack:
    IE都能识别*; 标准浏览器(如FF)不能识别*;
    IE6能识别*, 但不能识别 !important,
    IE7能识别*,也能识别!important;
    FF不能识别*; 但能识别!important;
    所以可以用如下语句区别不同的浏览器
    区别IE6与FF:
        background:#f00;*background:#ff0;
        或 background:#f00 !important; backg
     
    2009-06-09 0:31
    解决浏览器兼容 :FF/IE6/IE7
    方案一
    先来看看下面的CSS代码:
    background-color:orange;
    *background-color:blue!important;
    *background-color:red;
    下面我简单解释一下各浏览器怎样理解这三个属性:
    在FF下,第2、3个属性不认识,其中第2个属性如果只是加了!important的话FF一定认识的,但因为前面又加了个*,所以不认识了(仅IE7认识)。所以它读的是background-color:orange;
    在IE7下,第1、2、3个属性IE7虽然都认识,但!importan
     
     
       
     
     
    文章分类
     
     
    Css(9)
     
    c#(1)
     
     
     
     
    Asp(4)
     
     
    Html(1)
     
     
    Vba(3)
     
     
     
     
     
     
    Js(2)
     
     
       
     
    文章存档
     
         
     
    最新文章评论
      

    回复weiinmyheart:菜鸟多年不用,忘的一干二净
     

    回复thirdfeel:没有
     

    最后修改什么东西啊
     

    有没有PHP 的呀。
     

    难调试
       
    帮助中心 | 空间客服 | 投诉中心 | 空间协议
    ©2012 Baidu