css复习

css

Text

  • text-align:文本对齐

  • text-decoration:或删除文本的装饰

  • text-transform:(uppercase,lowercase,capitalize):文本转换

  • text-indent:文本首行缩进

  • word-spacing:字体之间的空白

  • text-shadow:文本的阴影

  • color:字体颜色

  • line-hieght:行高

  • direction:设置文本方向

css列表

有序列表:list-style-type

列表项标记的图像:list-style-image:url()

简写 :list-style

display

解释:控制元素的显示,与控制内联(inline),块元素(block)的换行

清除浮动 clear

多列属性:

简写:columns

  • column-count:分割列数
  • column-gap:指定列与列之间的间隙
  • column-rule-style/width/color:样式,宽度,边框颜色

background

background-position: -166px -89px:能对图片

flex 属性

解释:让所有的唐星盒子模型对象的子元素都有相同的长度

display-content

  • display:flex
  • space-between:项目位于各行之间留有空白的容器内
  • space-around:项目位于各行之前,之间,之后都留有空白的,就是左右前后都有着间隙
posted @ 2020-05-06 23:11  橙红  阅读(108)  评论(0)    收藏  举报