CSS相关-宽高设置和居中

关于宽高设置:

1. 内联

从左到右 无法设置宽高 内联里可以有内联 高由文字决定 高可以用lineheight或fontsize设置

2. 块级

  • 宽:父亲内容区宽-左右边框-左右margin
  • 高:内部文档流元素高度总和

3. inline-block元素(慎用)

  • 宽:设置with 内容
  • 高: lineheight fontsize
  • 会出现缝隙bug

关于居中:

水平

1. 内联

内加table:c

2. 块级

  • 定宽:左右margin auoto
  • 不固定: 给margin就行

垂直

line-height padding

CSS层级

由内到外分别是:

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,698评论 1 92
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 4,583评论 0 2
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,550评论 0 30
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 5,095评论 0 3
  • 文/爱看书的朵拉 最近读了《无人生还》、《人工智能的未来》、《超级快速阅读》、《做一个高效的阅读者》四本。挑《做一...
    爱看书的朵拉阅读 3,926评论 0 4

友情链接更多精彩内容