css 妙味 总结

Posted gyz418

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 妙味 总结相关的知识,希望对你有一定的参考价值。

技巧一:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body,img,div{padding:0;margin:0;}
        #a{border-radius: 10px; overflow: hidden; width:426px;}
        img{vertical-align:top;}
        #b{word-spacing: 10px;}    /*空格大小*/
        .gradient {
            background:-moz-linear-gradient(top, red, blue);
            background:-webkit-linear-gradient(top, red, blue);
            background:-ms-linear-gradient(top, red, blue);
            background:linear-gradient(top,  red, blue);
            -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=blue)";
        +background:#f9f9f9;
            width:200px; height:200px;border:1px solid red;
        }
    </style>
</head>
<body>1.圆角图片 div加  overflow:hidden; img加 vertical-align:top;
<div id="a"><img src="1.jpg"/></div>
<div id="b">2.file | edit | 空格大小</div>
<div class="gradient">3.线性渐变</div>
<div class="c">4.IE6下PNG图片背景透明的处理方法</div>
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js"></script>
<script>
    DD_belatedPNG.fix(‘*‘);
</script>
<![endif]-->
</body>
</html>

 

以上是关于css 妙味 总结的主要内容,如果未能解决你的问题,请参考以下文章

妙味课堂——HTML+CSS(第二课)

学CSS3的3D动画 ——3D旋转—— 妙味课堂

学CSS3的animation基础——妙味课堂

妙味云课堂之css:其它知识点汇总

仿妙味课堂导航(转)

Tailwind.css 体验总结