css基础——2017.2.22

display: inline;    可以让元素变成行内模式的标签

display: block;    可以让元素变成块状模式的标签

display: none;     可以让整个标签在页面中移除掉，不影响页面的布局

对比

visibility: hidden;   这个只是不显示，但还占用页面的空间

display: inline-block;   行内块

行内元素         不能设置宽高       左右边距            不独占行

块级元素          可以                    上下左右           独占

行内快元素       可以                    左右                 不独占

行内元素不能设置宽高，只能通过他的内容来撑开他的宽度和高度

css的颜色表示

RGB颜色表示法

p {color: rgb(255,255,0); }

p {color: rgb(100%,100%,0); }

十六进制的表示方法

color: #0399B2

css的长度单位

px:像素点，像素就是显示器显示的一个点

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

css字体样式属性

font-size:字号大小

一般页面中：12px  14px

font-family：字体样式

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

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