前端——关于css位置控制问题:

  初学css发现问题,想写个随笔。

一.padding与margin的区别:

padding:指的是盒子内部边距,当把padding值调高时会发现盒子内部元素被挤压。

margin:指的是盒子外部边距,盒子与盒子之间的距离,调高margin值会使得盒子与盒子之间的距离增大。

用法:margin:auto; 水平居中块级元素

二.position属性区分:

position拥有四个属性,分别为static、fixed、relative、absolute

1.static 是默认属性,即无法使用定位

2.fixed较为常用,可以将元素固定到屏幕的某一位置,滑动游览器时,元素不会改变

3.relative为相对位置,调整的位置是相对于原来的位置的, 有点像“灵魂出窍”

4.absolute为绝对位置,不占用文档流,将元素移动至屏幕任意位置。

三.test-align:center使元素内的文本水平居中对齐

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,556评论 0 6
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 4,599评论 0 1
  • 前面学习了使用HTML为网页添加内容,要对所添加的内容进行布局,就需要使用到CSS,JS等,这里就记录一下自己关于...
    wxyzcctn阅读 3,630评论 0 3
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,927评论 0 6
  • Html 标签 斜体 粗体 单独的样式 引用文本 长文本引用 换行 空格 分割线 地址信息 单行代码 多行代码 无...
    SunnySky_阅读 3,593评论 0 5

友情链接更多精彩内容