CSS基础

CSS

1.基本语法：

Selector {declaration1;declaration2;…declarationN}

/* 每个declartion包括属性：值，如color:red

简单选择器为需要改变的元素，如h1，p等 */

2.选择器  id选择：#idname    class选择：.classname

/* id最好唯一 */

派生选择器：li strong{font-style:italic}/* 选中li下的strong */

div#sidebar{……}  ※此处#须贴合上一级    #sidebar p{……}

属性选择器：[title]{…}  /* 选中所有有title的标签*/    [title=Firstlevel]{…} [title~=]{…} 

3.CSS创建方式  ①外部样式 ②内部样式 ③内联样式（属性设置）③>②>①

4.常用样式：font, list,background, outline(轮廓)

5.图片大小：对img设置height

6.框模型：margin/border/padding/element   外边距/边框/内边距/元素

        设置顺序：上右下左  如h2{margin:10px 0 10px 0}

7.CSS定位：普通流（默认）、浮动、绝对定位

  ①普通流：自上而下，从左到右排布；添加块级元素（h, p, ul, table, form, div）时渲染为新行，行内元素水平（td,b, a, img, em, span）渲染至遇到边界

  ②相对定位：相对原先应处位置移动，原位置依然占据

  ③绝对定位：元素位置与文档流无关，不占据位置，其位置为相对于距离它最近的已定位（相对/绝对）祖先而言

  ④浮动float  清除浮动clear

8.行框：文字本身能够绕开浮动的框，形成文字环绕