1、display属性样式
块级标签(<h1>-<h6>,<p>,<ul>,<ol>,<li>)独占行,行内标签(<strong>,<b>,<i>,<del>,<s>,<ins>,<a><span>)共用行。
可以通过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(即使字体中没有斜体属性,浏览器会让文字斜体显示)