UED设计培训
美国上市UED设计培训机构

400-111-8989

热门课程

WEB布局基础知识点图解

  • 发布:UED培训
  • 来源:设计教程
  • 时间:2018-05-30 15:12

HTML语法

从区分符号开始

找到HTML语法的专属符号进行整理记忆

WEB布局基础知识点图解

学语法从区分符号开始

找到css语法的专属符号进行整理记忆

WEB布局基础知识点图解

学语法从区分符号开始

找到css选择器的专属符号进行整理记忆

WEB布局基础知识点图解

布局轴:

默认布局

非浮动或定位的块

默认布局使角色在Y轴排列

默认布局对象宽度自动按父级宽度计算

小提示:相邻默认布局对象的margin值是公用的

WEB布局基础知识点图解

浮动可使角色在 X 轴排列

当父级宽度放不下时会自动折行到下一行

浮动对象默认情况无高宽,由子级内容撑开

小提示:相邻的浮动对象的margin值是相加的

WEB布局基础知识点图解

定位可使角色在 Z 轴层级排列

定位对象默认情况无高宽,由子级内容撑开定位对象层数属性index

只有定位对象拥有坐标属性:

top,right,bottom,left这些属性

对 X轴 和 Y轴对象没有用哦

WEB布局基础知识点图解

浮动:

WEB布局基础知识点图解
WEB布局基础知识点图解
WEB布局基础知识点图解

定位:

WEB布局基础知识点图解
WEB布局基础知识点图解

感谢大家阅读由ued教程分享的“WEB布局基础知识点图解”希望对大家有所帮助,更多精彩内容请关注UED培训机构官网 

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

免费预约企业总监级讲师试听课

怕钱不够?就业挣钱后再付学费!     怕学不会?0基础入学,达内定制课程!     担心就业?近12万家雇主企业,推荐名企就业!

上一篇:网页设计应该如何布局
下一篇:一篇设计师需要的筛选功能设计总结

WEB布局基础知识点图解

没选对颜色就设计,难怪土掉渣!

交互设计师如何与开发哥哥和平共处?

新闻资讯类App的UX设计浅析

选择城市和中心
贵州省

广西省

海南省