对css加强与巩固——day2

1.<p>html-css   <span>javascript</span>  php</p>

在<style>...</style>中，应写成：p span{...}

2.<p id="pid">html-css   <span>javascript</span></p>

应写成：#pid span{...}

3.<p>html-css</p>    <span>javascript</span>

若p，span二者所要显示的css某些元素相同，

即应写成：p,span{...}

4.文字排版过程中，

应写成：body{font-family："宋体";}

5.<span id="stress">...</span>

span标签的id显示一般用“stress”

6.在css中用font-family来表示是否为粗体，font-style斜体，下划线，删除线

应写成：粗体——body{font-weight：bold/normal/inherit；}

斜体——...font-style:italic；

下划线——text-decoration:underline；

删除线——text-decoration：line-through； 

7.若在片段中进行两个空格的缩进，即使用em；

应写成：p{text-indent:2em;}

p{line-height：2em;} //行高；

8.英文单词间有间隔，即使用px来表示，

应写成：word-spacing：50px； //单词间；

letter-spacing：50px；//单词字母间；

9.块状元素(div,ul,h,table,p)——内联、内联元素(a、span)——块状

应写成：a.div{display:inline;}

b.a/span{display:block;}

10.img，input内联块状元素

应写成：img/input{display:inline-block;}

11.border边框

1px dashed-虚线  solid-实线  dotted-点线

12.padding 边缘部分间距,用于填充

四个方向：top right bottom left；

13.元素与其他元素间距离用margin表示

方向同padding

14.在div-id中浮动布局float

float：left/right；

15.在div-id中层模型

positiion：absolute（绝对）、relative（相对）、fixed（固定）。

如："position:absolute;right:100px;top:20px;"

"position:fixed;bottom:0;right:0;"

16.通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，

子元素设置 position:relative 和 left:-50% 来实现水平居中。

17. 垂直居中——父元素进行

设置line-height、height，且二者必须保持数值一致