css学习随笔，基本知识

web开发中少不了样式表的运用，写样式表时为了 便于加载样式表，有三种加载的方法，"."，id，html标签名，如：

<style type="text/css">

        #navbar ul li {display:inline;margin:0 10px 0 0;}
        #navbar ul li a {color: #333;display:block;float:left;padding:5px;}
        #navbar ul li a:hover {background:#eee;color:black;}
        .rule,.rule td
        {
        border:1px solid #6595d6;
        margin:0 auto;padding:0;
        border-collapse:collapse;
        }
        table
        {
             border-collapse:collapse;
             border-spacing:0;
             border:1;
             color:Red;
             background-color:Yellow;
             margin:0 auto;
             width:100;

        }

  </style>

#代表ID，html 标签中增加id属性（名字与css中的名字相同）就可以引用样式表

.代表类，通过class属性来引用

以上需要css最基本常识。

附两个常用技巧：

1、水平居中（仅限固定宽度）   

div#container {margin: 0 auto;}

2、页面元素可以有多个class,

<div class="color size">多个class</div>