随笔分类 -  CSS

摘要：转自： http://blog.onlygrape.com/css-advantage/404关于CSS网页布局，随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、... 阅读全文

摘要：转自： http://blog.onlygrape.com/css-menu/460给大家介绍一种简单的实现方法，没有用到复杂的JS代码，进行简单的变换就可以了。我们来看最终的效果，如下图所示：HTML代码：[代码]大家特别留意类似于以下代码的HTML, 这是变换的关键。[代码]下面看CSS代码：[代码] 阅读全文

摘要：转自： http://blog.onlygrape.com/img/453实现方法很简单：设置 img 元素为块元素（display:block;），并赋一个 padding 值。 [代码]根据上面的原理，举一反三，通过类似的方法，我们还可以给 img 元素设置双边：[代码] 阅读全文

摘要：转自： http://blog.onlygrape.com/css-skill/468一、CSS字体属性简写规则一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,san... 阅读全文

摘要：转自： http://blog.onlygrape.com/css-float/434Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。　　如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版... 阅读全文

摘要：转自： http://blog.onlygrape.com/css-ul-li-2/395ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在项目符号（比如方块或实心的黑点）的列表内容。CSS网页布局中，除了新闻列表、链接运行ul、li制作以外，我们通常将菜单也用ul、li来实现。我们下面用CSS来改变它的外观，使它能横向在一行中显示，... 阅读全文

摘要：转自： http://blog.onlygrape.com/position/186定义position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。span>position版本：CSS2　 兼容性：IE4+ NS4+　继承性：无br>语法：position : static | absolute | fixed | relative参数：static：默认。它始终会... 阅读全文