【CSS知多少】那些年被遗忘的CSS样式1

字号样式

【CSS知多少】那些年被遗忘的CSS样式1_第1张图片

CSS长度单位

绝对长度单位。 绝对长度单位表示为一个固定的值,不会改变。不利于页面渲染。

  • in, 英寸
  • cm, 厘米
  • mm, 毫米
  • pt
  • pc

相对长度单位。 其长度单位会随着它的参考值的变化而变化。

  • px, 像素
  • rpx, 小程序专用 1rpx=0.5px
  • em, 元素的字体高度(1em为font-size大小)
  • %, 百分比
  • rem, 根元素的font-size
  • vm, 视窗宽度,1vw=视窗宽度的1%
  • vh, 视窗高度,1vh=视窗高度的1%

更详细请参考

颜色样式

【CSS知多少】那些年被遗忘的CSS样式1_第2张图片

文本样式

【CSS知多少】那些年被遗忘的CSS样式1_第3张图片

  • text-align: center文字居中对齐,justify是两端对齐
  • 常用的line-height用于设置垂直居中,等同于元素height值即可
  • text-decoration: none;常用于取消a标签的下划线
  • 代码示例

字体样式

【CSS知多少】那些年被遗忘的CSS样式1_第4张图片

背景样式

【CSS知多少】那些年被遗忘的CSS样式1_第5张图片

  • 注意 bg-image属性必须使用url()引用相对路径
  • repeat 水平填充 垂直填充 不重复

超链接样式

【CSS知多少】那些年被遗忘的CSS样式1_第6张图片

列表&表格样式

【CSS知多少】那些年被遗忘的CSS样式1_第7张图片

  • 无序列表ul和有序列表ol共用:

【CSS知多少】那些年被遗忘的CSS样式1_第8张图片

  • 表格样式

【CSS知多少】那些年被遗忘的CSS样式1_第9张图片

你可能感兴趣的:(css)