Yole Garden

标签： css

  • css的几个小问题

    1。段落开头空两格

    .con{
    text-indent:2em;//让段落首行宿进两个字符
    }

    2。段落间距
    p {
    margin-top: 15px;
    margin-bottom: 15px;
    }

    3。行居中 （更多…）

  • CSS框架

    不经意间看到的。

    http://www.cnbeta.com/articles/71868.htm

    如果用这些CSS框架来做页面，相比速度会很快吧，而且兼容性 的问题也不用考虑了，别人都写好了。

    很爽，不过，现阶段时间比较少，没有时间研究啊。。

    争取在11月研究下这些框架，属性一门，然后就爽了。哈哈

    YUI的比较喜欢，Yahoo的东西还是不错的，不过为什么现在在中国发展的这么不好。再说吧。

  • margin-top 无效，避开麻烦的margin叠加(margin collapsing)

    问题：

    <div id=”top” style=”height:100px;background-color:#CCC;”></div>
    <div id=”parent” style=”background-color:#F9F; overflow:hidden;”>
    <div id=”child” style=”margin-top:10px; background-color:#99F;”>想实现效果： Chile 与 parent 间有 10px 间距 <br /> 可 margin-top:10px; 后， 是 parent 与 wrap 间有 10px 间距</div><div></div>
    </div>

    暂时解決方法：

    方法一：在父级内部的添加上、下两个空元素。
    有些教科书上将这种方法称为完美的解决方法。但实际当中我们一般不会使用，因为这种方法不仅要多加两个无意义元素标签，对这两个元素还要特别设置CSS使其高度为0。）: （更多…）

  • 页面制作中一些技术、技巧和工具的总结(一)

    一、css中一些技术、技巧
    1.Reset CSS
    知道Reset CSS是什么吗？通常情况下，它也被写成CSS Reset，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。前端开发工作中有一款好的、统一的Css Reset将提高开发效率，提高样式代码的重用，减少重复代码，减少维护成本。网上有很多Reset CSS。(
    大家可以看看这里：http://www.css88.com/archives/541 和 http://www.css88.com/archives/614

    2.CSS Sprites
    利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；个人认为能CSS Sprites能减少图片的字节，我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和，原因在于每张图片都有额外的图片信息隐藏在图片中，这样多张图片合并，就能节省些字节；
    大家可以看看这里：http://www.css88.com/archives/756 （更多…）