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. 数据分片一致性hash

    一致性hash 一致性hash是将数据按照特征值映射到一个首尾相接的hash环上,同时也将节点(按照IP地址或者机器名hash)映射到这个环上.对于数据,从数据在环上的位置开始,顺时针找到的第一个节点 ...

  2. Oarcle之用户管理 与 DCL

    用户管理 1.创建一个账户 create user zhangsan identified by123456: 2.修改账户的密码 alter user zhangsan identified by ...

  3. 2018.6.10数据结构串讲_HugeGun

    链接: https://pan.baidu.com/s/1uQwLZAT8gjENDWLDm7-Oig 密码: mk8p @echo off : ) shuju test test_ fc test. ...

  4. 打return

    var zz=xx(); alert(zz); zz=yy(); alert(zz); function xx(){ var i=1,j=2; return i+j; } function yy(){ ...

  5. sqlServer区分大小写查询

    sql server默认不区分大小写查询,但是有的时候部分查询语句却需要区分大小写查询,这个时候就需要进行一些特殊处理.区分大小写主要分两种方法. 转二进制判断 select * from table ...

  6. 外网访问内网SpringBoot

    外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...

  7. Gitlab安装、汉化及使用

    环境:centos 关闭防火墙和selinux [root@Gitlab ~]# setenforce [root@Gitlab ~]# service iptables stop && ...

  8. .NET平台常用的开发组件(csdn)

    .NET平台常用的开发组件 原创 2017年02月24日 09:20:04 工欲善其事,必先利其器.学习.NET也10年有余,其优雅的编程风格,高效率的开发速度,极度简单的可扩展性,足够强大开发类库, ...

  9. mysql中利用show profile很直观的看到查询缓存的作用。

    1.首先,开启mysql的查询缓存. 查看查询缓存情况: MariaDB [test]> show variables like '%query_cache%';+--------------- ...

  10. String，StringBuilder，tringBuffer

    这三个类之间的区别主要是在两个方面,即运行速度和线程安全这两方面. 运行速度,或者说是执行速度,在这方面运行速度快慢为:StringBuilder > StringBuffer > Str ...