美文网首页
css基础(5)----乱七八糟小技巧

css基础(5)----乱七八糟小技巧

作者: Coding破耳 | 来源:发表于2018-11-21 23:39 被阅读0次

1.块级元素的高度由其内部文档流元素的高度的总和决定
2.文档流:文档内元素的流动方向
a.内联元素inline:从左往右流动,若遇到阻碍(宽度不够)则换行继续从左往右
word-break:break-all/break-world
文字分割,break-all是所有字符可以换行,break-world是每个单词才能分开
b.块级元素block:每一个块都占一行,从上往下流动
display:inline-block将块级元素变成行内元素

3.内联元素的高度:
玄学
font-size比line-height小时,字体自动居中;但字体比line-height大时,内联元素但高度不可预测
xscope

4.position:fixed 固定在屏幕上,跳出流,元素聚拢
5.绝对定位,脱离流
子元素position:abusolute
父元素position:relative

6.display:inline-block的外边距不合并

相关文章

  • css基础(5)----乱七八糟小技巧

    1.块级元素的高度由其内部文档流元素的高度的总和决定2.文档流:文档内元素的流动方向a.内联元素inline:从左...

  • CSS教程汇总

    CSS揭秘实用技巧总结 不止于 CSS 灵活运用CSS开发技巧 前端基础篇之CSS世界 你未必知道的49个CSS知...

  • CSS相关汇总

    CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍

  • 笔记1

    1、浮动的小技巧 HTML: CSS:

  • HTML5基础知识视频教程分享

    本教程主要是讲解HTML5的基本概念,包括HTML5各种元素、表单、属性及CSS样式的应用技巧,即使你是零基础,也...

  • 各个阶级的前端 必须掌握的基本技能汇总

    「 需要学习基础知识点 」 新手必打基础 HTML4\HTML5 CSS2\CSS3 ES5(原生 js 基本语法...

  • 学习前端需要掌握什么基础?

    学习前端需要掌握什么基础?前端基础包含HTML、CSS层叠样式表、JavaScript、HTML5、CSS3、jQ...

  • CSS小技巧

    左右布局 左中右布局 水平居中 行内元素水平居中,在其父元素上写text-align: center;。 宽度确定...

  • css小技巧

    利用border实现三角形和平行四边形 效果如图: 三角形的实现利用了上面的方法。 效果如图: 效果如图: 效果如图:

  • css小技巧

    div高度是由什么决定的:div高度是由内部文档流中元素的高度的总和决定的 文字对齐代码: 效果图 单词中断显示:...

网友评论

      本文标题:css基础(5)----乱七八糟小技巧

      本文链接:https://www.haomeiwen.com/subject/zklfnftx.html