标签：定位 right 基础 边框 1px 20px border CSS

盒子模型

边框

• border-color:aqua：边框颜色
• border-width:20px：边框宽度
• border-hight:20px：边框高度
• border-style:solid/double/dotted/dashed：边框样式，实线/双实线/点线/虚线
• border-left:1px solid red：左边框，边框1px宽度，实线，红色
• border-right:1px solid red：右边框
• border-top:1px solid red：上边框
• border-bottom:1px solid red：下边框
• border：复合样式

内边距

• padding-top:20px：上内边距
• padding-bottom:20px：下内边距
• padding-left:20px：左内边距
• padding-right:20px：右内边距

外边距

• margin-top:20px：上外边距
• margin-bottom:20px：下外边距
• margin-left:20px：左外边距
• margin-right:20px：右外边距

RESETCSS

重置CSS
浏览器解析标签的时候本身自带一些
样式，有时会导致我们自身写的样式
出现的效果不一致，每个公司会根据
自己的业务需求写一套属于自己的ResetCss

浮动

float:ledf/right/左浮动，右浮动

定位

定位就是将元素定在网页中的任意位置
position:static/relative/absolute/fixed：默认值/相对定位/绝对定位/固定定位

• 绝对定位:position:absolute;以父级为参照对象，相对于父级的位置发生改变，没有父级就相对于浏览器发生位置变化
• 相对定位:posttion:relative;以本身为参照对象，相对于本身的位置发生改变
• 固定定位:position:fixed;固定定位于相对定位不脱离文档流，是相对于自己的一个偏移，绝对定位是脱离文档流的
• 父相子绝 保持页面的布局完整
  以网页页面为基础

left:100px
bottom:100px
right:100px
top:100px

标签：定位,right,基础,边框,1px,20px,border,CSS
来源： https://blog.csdn.net/weixin_43319760/article/details/101207246

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。