css常用的属性
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常用的属性的更多相关文章
- css常用文本属性
[CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal, ...
- CSS常用样式属性
1.CSS字体和文本相关属性 属性 font-family 规定文本的字体系列,比如:“serif” ''sans-serif" font-size 规定文本的字体尺寸 font-style ...
- css常用样式属性详细介绍
对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级 ...
- css常用的属性方法 上篇
自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考! 尤其是跟我一样自学前端的. 背景关联 ba ...
- 如何设置文本不换行省略号显示等CSS常用文本属性
如何让多余的文本省略号显示首先要说几个属性的作用: whitespace:nowrap 中文行末不断行显示 overflow: 控制超出文本的显示方式:hidden 超出范围文本隐藏:scroll 始 ...
- CSS常用的属性命名
页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar 标志:logo ...
- css 常用的属性
box-shadow: 10px 10px 5px #000000; //给元素添加阴影 使用伪元素after要注意加上content属性 例如:.log:after{ content:" ...
- CSS基本属性—文本属性和背景属性
一.CSS常用文本属性 [css中的颜色表示方式] 1.直接使用颜色的单词表示:red.green.blue 2.使用颜色的十六进制表示:#ff0000,#00ff00: 六位数,两两 ...
- [Web 前端] 010 css 常用的边框设置
css 常用边框属性 概览 参数 释义 border u设置边框属性(可以多个) border-color 边框颜色 border-style 边框样式solid 实线,dotted 点状线,dash ...
随机推荐
- 网络-03-端口号-linux端口详解大全--著名端口
端口号码 / 层 名称 注释 1 tcpmux TCP 端口服务多路复用 5 rje 远程作业入口 7 echo Echo 服务 9 discard 用于连接测试的空服务 11 systat 用于列举 ...
- Is ICARSCAN same or old version of LAUNCH X431 Easydiag ?
LAUNCH X431 Easydiag 2.0 is basically the same OBD-II Bluetooth device – but the software supplied w ...
- Java SE中的Synchronized
1 引言 在多线程并发的编程中Synchronized一直是元老级的角色,很多人会称呼它为重量级锁,但是随着Java SE1.6对Synchronized进行了各种优化以后,有些情况下它并不那么重了. ...
- java消息服务学习之JMS高级特性
将介绍的内容是: 控制消息确认.为发送消息指定选项.创建临时目的地.使用JMS本地事务.异步发送消息 五个方面. 1.控制消息确认 在JMS消息得到确认之前,并不认为它已经成功使用.要成功使用消息,通 ...
- 处理smartgit 过期脚本
@echo off @title SmartGit License Tool color 1f cls set "version=18.1" set "fpath=%AP ...
- MATLAB R2018b Mac中文版安装教程
MATLAB r2018b mac中文版是一款强大的可视化数学分析软件,专门用于在Mac上执行数值计算,编程和可视化任务时极大地提高您的工作效率.在MATLAB的帮助下,您可以分析数据,创建应用程序, ...
- P4859 已经没有什么好害怕的了（dp+二项式反演）
P4859 已经没有什么好害怕的了 啥是二项式反演(转) 如果你看不太懂二项式反演(比如我) 那么只需要记住:对于某两个$g(i),f(i)$ ---------------------------- ...
- MySQL中 Data truncated for column 'xxx'解决方法
DATA truncated FOR COLUMN 'description' AT ROW 1 1.错误再现 表中存在null字段 此时,修改表中某字段为主键 2.解决方法 不允许数据库中出现nul ...
- gjt常用命令---chalee
Git常用命令 一. git 基本操作流程 1. 从远程分支拉取并创建新的分支 git pull origin [远程分支名]:[本地分支名] // 从远程分支迁出本地分支,并切换到新的本地分支 gi ...
- volatility内存取证
最近参加了45届世界技能大赛的山东选拔赛,样题里有一个题如下: 师傅好不容易拿到了压缩包的密码,刚准备输入,电脑蓝屏 了... = =",题意简单明了,易于理解.一看就是内存取证的题并且已经 ...