第二章 一些基本属性

文本和文字

颜色:color

文本属性

text-align

  • 定义行内内容(例如文字)如何相对它的块父元素对齐。并不控制块元素自己的对齐,只控制它的行内内容的对齐。

text-decoration:定义文本样式

文字属性

font-size:更改文字大小

网格属性:grid

网格模板:

  • grid-template

网格模板列:

  • grid-template-columns

网格模板行:

  • grid-template-rows

网格模板领域

  • grid-template-areas

网格自动流

  • grid-auto-flow

边框属性

  • 边框属性的三种取值(适用外边框和内边框):
    • 上下,左右
    • 上,左右,下
    • 上,左,下,右

边框(边界)

border-radius:边界半径

外边框margin

顶部外边距:margin-top

底部外边距:margin-bottom

左外边距:margin-left

右外边距:margin-right

内边框

其他属性

漂浮:float

展示:display

  • 设置元素的内部和外部显示类型 display types
    • 元素的外部显示类型 outer display types 将决定该元素在流式布局中的表现(块级或内联元素);
    • 元素的内部显示类型 inner display types 可以控制其子元素的布局(例如:flow layout,grid 或 flex)。

差距,间距:gap

橘子泡酒
Built with Hugo
主题 StackJimmy 设计