前端与 CSS4 | 青训营笔记

59 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天。

  • overflow属性:控制一个元素溢出的方式,它告诉浏览器你想怎样处理溢出。默认值为visible
  • <integer>:整数。
  • <number>:表示一个小数——它可能有小数点后面的部分,也可能没有,
  • <dimension>:是一个<number>,它有一个附加的单位。<dimension>是一个伞形类别,包括<length><angle><time><resolution>类型。
  • <percentage>:表示一些其他值的一部分。
  • em :在 font-size 中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小。
  • ex字符“x”的高度
  • ch数字“0”的宽度
  • rem根元素的字体大小
  • lh元素的 line-height
  • vw视窗宽度的 1%
  • vh视窗高度的 1%
  • vmin视窗较小尺寸的 1%
  • vmax视图大尺寸的 1%
  • 色调:颜色的底色。这个值在 0 和 360 之间。
  • 饱和度:值为 0 - 100%,其中 0 为无颜色,100% 为全色饱和度
  • 亮度: 0 - 100% 中一个值,其中 0 表示没有光 (它将完全显示为黑色),100% 表示完全亮 (它将完全显示为白色)
  • table-layout: fixed 创建更可控的表布局,可以通过在标题width中设置width来轻松设置列的宽度。
  • border-collapse: collapse 使表元素边框合并,生成一个更整洁、更易于控制的外观。使用<thead>,<tbody><tfoot>将表格分割成逻辑块,并提供额外的应用 CSS 的地方,因此如果需要的话,可以更容易地将样式层叠在一起。
  • text-align:直线对齐<th><td>文本,使内容更整洁、更易于跟随。
  • serif:衬线字体。
  • sans-serif:无衬线字体。
  • monospace:等宽字体,指包含的全部字符的宽度相同的字体,通常在编辑代码时使用。
  • cursive:手写字体,对于英文字符而言通常具有顺滑的连接笔画以模拟手写效果。
  • fantasy:装饰字体。 个人学习总结:巩固了CSS基础知识,加强了记忆。