常用样式汇总

1. 字体样式

  • font-family:字体族科,多值⽤于备用,以,隔开

       font-family: "STSong", "Arial";
    
  • font-size:字体大小

  • font-style: 字体风格 normal | italic | oblique

  • font-weight:字体重量 normal | bold | lighter | 100~900

  • line-height:行高

  • font:字重 风格 大小/行高 字族

2、文本样式

  • color:文本颜色
  • text-align:横向排列 left 居左 | center 居中 | right 居右
  • vertical-align:纵向排列
baseline:将支持valign特性的对象的内容与基线对齐 

sub:垂直对齐文本的下标 

super:垂直对齐文本的上标 

top:将支持valign特性的对象的内容与对象顶端对齐 

text-top:将支持valign特性的对象的文本与对象顶端对齐 

middle:将支持valign特性的对象的内容与对象中部对齐 

bottom:将支持valign特性的对象的文本与对象底端对齐 

text-bottom:将支持valign特性的对象的文本与对象底端对齐 
  • text-indent:字体缩减
  • text-decoration:字划线 underline,line-through,overline,none
  • letter-spacing:字间距
  • word-spacing:词间距
  • word-break:自动换行 normal默认换行规则 | break-all 允许在单词内换行

3. 背景样式

  • background-color:颜色

  • background-image:图片

    background-image: url(bg.png);
    
  • background-repeat:重复

    repeat 重复 | no-repeat  不重复  | repeat-x 水平重复| repeat-y 垂直重复
    
  • background-position:定位 top | bottom | left | right | center
    设置一个值,第二个值默认为center
    第一个值控制水平位置,第二个值控制垂直位置

  • background-attachment:滚动模式 scroll | fixed

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,345评论 1 4
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,179评论 0 0
  • CSS常用标签 字体属性:(font) 大小:font-size: x-large;(特大) xx-small;(...
    前端啊啊阅读 4,809评论 0 6
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,950评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,889评论 0 11

友情链接更多精彩内容