CSS的样式

114 阅读1分钟

字体样式

字体属性:font-family: ;

image.png

字体大小:font-size: ;

image.png

  • em是根据父元素的大小来计算的
  • rem是根据根元素(html)的大小来计算的 字体风格;font-style: ;

image.png

  • italic、oblique都表示斜体
  • normal表示将字体改为正常的字体样式 字体的粗细:font-weight: ;

image.png

  • bold和bolder设置的字体的粗细都是一样的,但bolder比bold在语义化上更强烈
  • lighter为更细的字体
  • normal为正常的字体样式
  • 还可以用100、200、300~800、900来表示,400等同于normal,700等同于bold 字体属性可简写为font: 字体风格→字体粗细→字体大小→字体类型;(顺序不可颠倒)
    颜色单位:
    可以直接使用颜色名来设置各种颜色 比如:red.orange.yellow.blue.green... ...
  • RGB值 -R.red G.green B.blue
    -每一种颜色的范围在0-255(0%-100%)之间
    -语法:rgb(红色,绿色,蓝色
  • 十六进制RGB值 -语法:#红色绿色蓝色
    -颜色浓度通过00-ff表示
    -如果颜色两位两位重复可以简写#aabbcc---#abc
  • RGBA -就是在rgb的基础上增加了一个a表示透明的
    -需要四个值,前三个和rgb一样,第四个表示透明度
    -1表示完全不透明 0表示完全透明 .5半透明
    排版文本段落:
  • text-anlign:;
  • right 文本靠右对齐
  • left 文本靠左对齐(浏览器默认)
  • center 文本居中对齐
  • justify 文本两端对齐 首行缩进:text-indent:; 设置行高:line-height: ;