日期:2014-05-17  浏览次数:20693 次

关于Css一些初步学习
下午有时间研究了下一直有点畏惧的css,不错还是挺简单了的,以前也接触过很多,现在系统的学习了下:

1. 首先是css的选择器和JQuery几乎一样,也可以说JQuery学Css的。

   ID选择器(#),类选择器(.),dom类型选择器(type),还可以用“[ ]” 表示属性特点。

   直接连用表示“and”关系如:div.firstClass 表示既是div又有firstClass Class的元素。

   中间有空格表示父子关系: div .firstClass表示div下有firstClass Class的元素。

2. 盒装模型:margin和padding。 css中设置的width和height都是内容的大小,就是内边框大小。

    注意外边距margin的合并情况。

3. 定位position: 默认属性是static,表示就按照原始的框输出。

                             relative在static基础之上按照原来位置的偏移。

                             absolute绝对定位,是在祖先容器中最早一个确定位置的基础之上进行绝对定位。

                             fixed:与绝对定位相识,不过他的相对对象是游览器框。

4. float浮动:float是在普通文本流之外的.  并且向最近的框移动。

    一般页面结束的页脚需要清楚float。用Css 中clear:both清楚如:

    .clear{  clear : both;}

    <div class=’clear’/>将这样的div放在页脚。