css第二节第八天

1、display属性样式

块级标签（

-

,

,

,
,
1. ）独占行，行内标签（,,,,,,）共用行。

   可以通过display控制显示的模式。

   display的inline可以让元素变成行内的标签。

   block可以让行内标签独占行。

   display属性值为none时：会把标签及其所占空间移除。

   对比一下：visibility的属性职位hidden时，只是不显示但是还占用页面的空间。

   2、行内元素及块级元素的区别总结

   display：none  直接删除，不影响页面布局
   

   visibility：hidden只是不显示，但还是占用页面的空间
   

                          宽高    边距           独占行

   行内元素：    ×       左右边距      不独占

   块级元素：     √       上下左右        独占

   行内块元素：  √       左右             不独占

   行内元素不能设置宽高，只能通过内容撑开宽高，如果你设置了宽高是不会影响行内元素的显示的。

   3、css颜色的表示

   RGB 颜色表示法R:red  G：green B：blue    rgb{255,255,255}

   十六进制的表示方法：#000000

   4、css 的长度单位

   相对长度单位：

   ——px：像素点，像素就是显示器的一个点。

   ——em：1em等于当前的字体大小，例如：当前元素的字体大小为16px，那么1em=16px。

   单位之间关系：1in=2.54cm=25.4mm==96px

   5、字体样式属性  font-family

   各种字体之间必须使用英文状态下的逗号隔开；

   中文字体需要加英文状态下的引号，疑问字体一般不加引号，当需要设置英文字体时，英文字体名必须位于中文字体名之前。

   如果字体名中包括空格，#，$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family:"Times New Roman"。

   尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

   6、字体系统

   衬线体：字体有一些修饰的东西，让字体变得美观。

   加粗用font-weight:normal/bold/bolder;或者用400（normal）,700（bold）

   字体风格font-style：italic（字体使用斜体显示），normal（正常），oblique（即使字体中没有斜体属性，浏览器会让文字斜体显示）