CSS------属性值篇

display: none | block | inline(默认值) | inline-block(css2新增) | inherit

       none :此元素不会再显示 {注:虽然visibility也是隐藏,但是他隐藏之后在页面上还是占位的,而display:none在页面上是不占位的}

       block:块元素,独占一行

       inline:行内元素,没有宽高,内容的多少就是他的宽高,也会是display的默认值

       inline-block:行内块元素,可以把一个元素转换成行内块元素,同时具有block和inline的特性

       inherit:继承,继承父元素的

display还有其他的

display:table | inline-table | table-header-group | table-row-group | table-footer-group | table-row| table-column-group | table-column | table-cell | table-caption

    table:块级表格来显示(类似 <table>)

    inline-table:内联表格来显示(类似 <table>)

    table-header-group:一个或多个行的分组来显示(类似 <thead>)

    table-row-group:一个或多个行的分组来显示(类似 <tbody>)

    table-footer-group:一个或多个行的分组来显示(类似 <tfoot>)

    table-row:一个表格行显示(类似 <tr>)

    table-column-group:一个或多个列的分组来显示(类似 <colgroup>)

    table-column:一个单元格列显示(类似 <col>)

    table-cell:一个表格单元格显示(类似 <td> 和 <th>)

    table-caption:一个表格标题显示(类似 <caption>)

margin (外边距): 上 右 下 左(值可以为像素,也可以为百分比)

  margin-left:元素距离左边的距离

     margin-right:元素距离右边的距离

       margin-top:元素距离上边的距离

       margin-bottom:元素距离下边的距离

注:让一个元素居中的方法

   #margin{margin:0 auto;}

position: static | relative | absolute | fixed |inherit

      static:静态

        relative:相对定位

          相对定位的元素仍在文档流之中,并按照文档流中的顺序进行排列;

          参照物为元素本身的位置;

          "left:20" 会向元素的 LEFT 位置添加 20 像素;

          常用的用途为改变元素层级和设置为绝对定位的参照物;

        absolute:绝对定位

          建立以包含块为基准的定位,其随即拥有偏移属性和 z-index 属性;

          默认宽度为内容宽度;

          脱离文档流;

          参照物为第一个定位祖先或根元素(<html>元素);

          元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

       fixed:固定定位

          默认宽度为内容宽度

          脱离文档流

          参照物为视窗

          元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定.

    tip:任何元素都可以定位,一个元素加上绝对或固定定位后就自动转变为块级元素

    

css常用的属性的更多相关文章

  1. css常用文本属性

    [CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal, ...

  2. CSS常用样式属性

    1.CSS字体和文本相关属性 属性 font-family 规定文本的字体系列,比如:“serif” ''sans-serif" font-size 规定文本的字体尺寸 font-style ...

  3. css常用样式属性详细介绍

    对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级 ...

  4. css常用的属性方法 上篇

    自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考! 尤其是跟我一样自学前端的.     背景关联 ba ...

  5. 如何设置文本不换行省略号显示等CSS常用文本属性

    如何让多余的文本省略号显示首先要说几个属性的作用: whitespace:nowrap 中文行末不断行显示 overflow: 控制超出文本的显示方式:hidden 超出范围文本隐藏:scroll 始 ...

  6. CSS常用的属性命名

    页头:header   如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar         标志:logo   ...

  7. css 常用的属性

    box-shadow: 10px 10px 5px #000000;  //给元素添加阴影 使用伪元素after要注意加上content属性 例如:.log:after{ content:" ...

  8. CSS基本属性—文本属性和背景属性

    一.CSS常用文本属性 [css中的颜色表示方式]   1.直接使用颜色的单词表示:red.green.blue    2.使用颜色的十六进制表示:#ff0000,#00ff00:    六位数,两两 ...

  9. [Web 前端] 010 css 常用的边框设置

    css 常用边框属性 概览 参数 释义 border u设置边框属性(可以多个) border-color 边框颜色 border-style 边框样式solid 实线,dotted 点状线,dash ...

随机推荐

  1. python,day3,函数基础-3

    本节内容 1. 函数基本语法及特性 2. 参数与局部变量 3. 返回值 嵌套函数 4.递归 5.匿名函数 6.函数式编程介绍 7.高阶函数 8.内置函数 1.函数基本语法及特性 函数是什么? 函数一词 ...

  2. 使用jconsole监控JVM内存

    首先声明:此篇博文分析的是JDK1.8. JVM内存区域总体分两类:heap区和非heap区.Jconsole中对内存划分为同样的结构,如下: heap区又分为:  - Eden Space(伊甸园) ...

  3. [转载]URL 源码分析

    URI 引用包括最多三个部分:模式.模式特定部分和片段标识符.一般为: 模式:模式特定部分:片段 如果省略模式,这个URI引用则是相对的.如果省略片段标识符,这个URI引用就是一个纯URI. URI是 ...

  4. Spring Cloud Zuul 中文文件上传乱码

    原文地址:https://segmentfault.com/a/1190000011650034 1 描述 使用Spring Cloud Zuul进行路由转发时候吗,文件上传会造成中文乱码“?”.1. ...

  5. react --- 搭建环境

    搭建react开发环境的准备工作 1. node.js 稳定版本 2. 安装cnpm,用cnpm代替npm 3. 用yarn替代npm yarn的安装:npm install -g yarn 搭建re ...

  6. APScheduler

    目录 APScheduler简介 支持的后端存储作业 集成的Python框架 APScheduler下载安装 APScheduler组件 各组件简介 调度器 作业存储器 执行器 触发器 使用 添加作业 ...

  7. ASP.NET - Validators

    ASP.NET validation controls validate the user input data to ensure that useless, unauthenticated, or ...

  8. VFIO PF SRIOV IOMMU UIO概念解释、关联

    1.UIO出现的原因 第一,硬件设备可以根据功能分为网络设备,块设备,字符设备,或者根据与CPU相连的方式分为PCI设备,USB设备等.它们被不同的内核子系统支持.这些标准的设备的驱动编写较为容易而且 ...

  9. 比原链(Bytom)先知节点 Ubuntu接入文档

    系统要求 我们建议选择知名的VPS服务商,运行比原链节点对算力没有要求,但是请配置尽可能大的磁盘空间. 节点服务器最小配置: 操作系统: Windows/Linux/Docker CPU: 2核 内存 ...

  10. vue+vuex 回退定位到初始位置

    先放出两张图(没错,你还在9012,做为一名资深设计师我唯一的技能点就是留白),简单说明下问题未做回退定位(从落地页回退,每次都回到A位置)想死啊有木有,每次都需要手动重新定位来选择,你大哥看到你做个 ...