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:字体样式

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,469评论 0 40
  • css伪类 :link 伪类将应用于未被访问过的链接。IE6不兼容,解决此问题,直接使用a标签 :hover 伪类...
    小白你怎么这么白阅读 1,404评论 0 0
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 5,068评论 0 3
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 4,733评论 0 4