HTML基础（一）：实用的CSS标签和属性值

一、html初步开发阶段，必须先分析好整个网页的内容结构：即，先总体的给网页内容分类，比如nav content foot等等，每一类要有一个专门的div

二、常用css标签和属性：

   1、width：宽度，它的取值可以是：

     (1)auto，宽度==父标签的宽度

     (2)xx%,当前标签的宽度是父标签的XX%

     (3)px,定死标签的大小

     (4)inherit，继承父标签的值

     注意：auto和100%的区别：auto取得的宽度为内容宽度+margin的宽度；100%，则只包含内容的宽度，不包含margin，所以有时用100%的话，最后的div可能会大些

   2、让背景透明：filter:alpha(opacity=30);

   3、border原型：border：width style color，可以按顺序设置border的值

     （1）style可以取得值：

         

    4、margin，

      (1)注意“上下”两个元素的相对的边都设置了margin后，则他们的距离取margin的最大值，

         eg：div1在上，margin-right=50

             div2在下，margin-left=60

         那么div1和div2之间的距离不是50+60=120，而是取margin的最大值60，这种融合的现象对margin-right失效

    5、隐藏滚动条：overflow-x:hidden，

         （1）这个设置只能加在body上才能生效

         （2）这个性质的一个重要应用就是可以实现屏幕的拖拉和左右滑动
    6、text-align：让诸如文字、图片、链接等带有图片和字体的东西水平对齐，可选的值有left、center、right等

    7、让某段文字位于 水平中央比较简单可以直接用text-align：center，但让其位于纵向的中央，只能用padding margin等方法

    8、若背景为单色图片，我们可以把图片切成很小的一片，几px即可，然后设置background:url(XX) repeat;