移位

移位的三种方式-------translate

translate(45px,45px)
translatex(45px)
translatey(45px)
matrix----放大+倾斜
matrix(2,0,0,0,0,0,0)
perspective 透视图
transform-origin  更改转换元素位置

display 属性

display:none;   没有元素
display:block;  转为块级元素
display:inline-block;转为行内块状元素
display:inline; 转为行内元素

内补白

padding:      检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;
padding-top: 检索或设置对象顶边的内部边距
padding-right:   检索或设置对象右边的内部边距
padding-bottom:检索或设置对象下边的内部边距
padding-left:    检索或设置对象左边的内部边距

外补白

margin:       检索或设置对象四边的外延边距,如 margin:10px;  margin:5px auto;
margin-top:  检索或设置对象顶边的外延边距
margin-right:    检索或设置对象右边的外延边距
margin-bottom: 检索或设置对象下边的外延边距
margin-left: 检索或设置对象左边的外延边距

Layout布局

*display: 是否及如何显示:none隐藏,block块状显示...
*float:     指出了对象是否及如何浮动:值none | left | right
*clear:      清除浮动:none | left | right | both两侧
visibility:设置或检索是否显示对象。visible|hidden|collapse。与display属性不同,此属性为隐藏的对象保留其占据的物理空间
clip:       检索或设置对象的可视区域。区域外的部分是透明的。 rect(上-右-下-左)如:clip:rect(auto 50px 20px auto);上和左不裁剪,右50,下20.

移位 display属性 内补白 外补白 Layout布局相关推荐

  1. display属性_前端基础:Grid 布局教程,重新复习grid布局的容器和项目属性

    链接:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 一.概述 它将网页划分成一个个网格,可以任意组合不同的网格,做出 ...

  2. css样式 三种引入方式 选择器 常用属性:背景属性 字体属性 边框属性 内间距 外间距 盒子模型

    一.CSS简介 1.什么是css 重叠样式表 主要是负责标签的样式 美化页面 一个网页分三大部分 结构层: 主要由html负责 负责页面的结构 表现层: 主要由css负责 页面的展示样式 美化页面 行 ...

  3. CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性

    CSS 布局(Layout) Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 display CSS1/CSS2 ...

  4. display与visibility可见性、内补白与外补白

    display:设置元素应如何显示 visibility:指定一个元素可见还是隐藏 隐藏元素的方式: ① display:none; 但隐藏的元素仍占用与未隐藏之前同样的空间,会影响布局 ② visi ...

  5. css完整总结:第二篇(尺寸,外补白,内补白,边框,背景,颜色,字体,文本,文本装饰)

    这次对CSS中所有的语法进行一次综合性的总结,后续的文章,将侧重与JavaScript和PHP,微信开发(小程序),以及Linux运维方面.css中设计到定位,布局,尺寸,外补白,内补白,边框,背景, ...

  6. 边框,多层背景,内补白与外补白

    边框 边框线厚度 border-width边框线颜色 border-color边框线样式为虚线 border-style:dashed;边框圆角 border-radius总写 : box-shado ...

  7. html上外边距是,margin-top css设置对象上外边距间距(上外补白)

    布局对象与上一个对象盒子间距间隔属性margin-top简称css上边距设置. margin-top与padding-top有相同之处都是设置边距间隔属性,margin-top设置对象上边的外距离,对 ...

  8. 【CSS 定位之 display 属性】

    CSS 定位之 display 属性 1. display 属性: 设置 元素的 显示类型 / 框的类型 (元素和子元素的布局) ⑴ 设置 元素的显示类型 ( 框的类型 ) ⑵ 元素的显示类型 ⑶ 显 ...

  9. Android layout布局属性、标签属性总结大全

    RelativeLayout 第一类:属性值为true可false android:layout_centerHrizontal        水平居中 android:layout_centerVe ...

最新文章

  1. 关于学习Python的一点学习总结(2->列表)
  2. Linux下如何同时注释多行/同时取消多行注释
  3. Hyperledger Fabric 链码(0) 说明
  4. MySQL的explain简书_MySQL Explain
  5. 【PAT - 甲级1007】Maximum Subsequence Sum (25分)(前缀和)
  6. (27)System Verilog多个线程间通信(队列)
  7. MySQL连不上:ERROR 1698 (28000): Access denied for user 'root'@'localhost'
  8. git提示(拷贝密钥问题)“Load key /home/devid/.ssh/id_rsa: bad permissions”
  9. Flex读取非UTF-8中文数据乱码问题的解决方案
  10. 《Kali Linux渗透测试的艺术》—第2章2.4节透测试执行标准
  11. python turtle库有什么用_turtle库使用简介
  12. 打开3DMAX2014报错,Error while registering plugins.
  13. OSChina 周五乱弹 ——程序猿到底算不算歧视
  14. (六)【模电】(基本放大电路)静态工作点的稳定
  15. 一个高性能无锁非阻塞链表队列
  16. python竞赛试题及答案_python练习题答案
  17. 三、安装 Entity Framework Core
  18. duilib 分屏显示bug
  19. 浪潮8465m4安装linux,NF8465M4 – 常见问题
  20. 手机芯片里的NPU到底是什么?看完这篇终于懂了

热门文章

  1. 感谢有你 | LiveVideoStackCon 2021 上海站优秀出品人、讲师与志愿者
  2. 【大一上】C++小知识点
  3. android studio avd manager 命令行,avdmanager
  4. 手机上怎么把图片转成PDF?操作起来很简单
  5. 从星图地球数据云看塔克拉玛干沙漠
  6. R语言学习笔记(1~3)
  7. avoid mutating a prop directly since the value will be overwritten whenever完美解决
  8. admin.php生成地址,FastAdmin隐藏后台登录入口地址的方法
  9. html中重置居中单词是,HTML中的居中方法
  10. 重读DRRN(深度递归残差网络)