css 入门

作者: 小7丁 | 来源:发表于2018-12-03 14:57 被阅读3次

1. 块级元素(div)的高度由其内部文档流元素的高度总和决定

文档流: 文档内元素流动的方向
内敛元素: 从左往右
块级元素: 从上往下,每个都另起一行

word-break: break-all // 单词每个都打断

2. 内敛元素(span)高度由建议行高和字体的设计参数决定(难以确定)

Font-size的100px到底指的是什么?字体有一个建议行高

  • 给 display: inline 元素设置宽高是无效的
  • 给 display: inline 元素设置 margin-bottom margin-top 是无效的

3. div有两个span,高度由什么决定?

由最高的那个

4. bug两个来源

  • 定死了高度
  • width: 100%

小贴士:

  1. CSS position 有哪些取值?
    sticky
    absolute
    fixed
    relative
    static
  2. position: fixed 会使的宽度缩小,怎么解决呢?
  • 加上一个width: 100%;,但是会导致儿子的宽度会大于父子的宽度,怎么办呢?
  • 把父子的左右的padding去掉,再加一个元素在儿子的头上,让这个元素上面加上左右padding
  1. 加了inline-block 会导致bug,无缘无故下面会出现空隙,怎么解决呢?
  • 需要加vertical-align: top;

相关文章

  • #30天专注橙长计划#向前端工程师进发#day0#航线设计

    发现问题,路线大修。 学习方面:暂定按HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • CSS第一小节第一天

    CSS基础入门 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) CSS通常...

  • mdui quickstart 快速入门

    实现入门效果 目录结构 代码 说明 这个框架依赖很少,入门实例 css 加入 mdui.css javascrip...

  • CSS Syntax(CSS 语法)

    简单介绍CSS,学习入门自用=-= 以下笔记摘抄全部来自优达学城,感谢优达让我入门。 什么是CSS CSS即层叠样...

  • 前段书籍

    《CSS网站布局实录》——国产CSS2入门书,有些技巧已经淘汰,但仍不失为最好的CSS入门教程。 《无懈可击的We...

  • CSS初探

    Head First HTML与CSS 第七章 CSS入门 CSS——掌控页面的表现 CSS结构简介 CSS包含一...

  • 2019-04-29

    基于CSS入门基础必备 CSS选择器的使用 CSS制作照片墙 效果显示:

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

网友评论

    本文标题:css 入门

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