前端开发之CSS格式化排版

CSS格式化排版

  • 字体 
    • body{font-family:"宋体";}

  • 字号、颜色
    • body{font-size:12px;color:#666}

  • 粗体
    • p span{font-weight:bold;}

  • 斜体
    • p a{font-style:italic;}

  • 下划线
    • p a{text-decoration:underline;}

  • 删除线
    • .oldPrice{text-decoration:line-through;}

  • 缩进
    • p{text-indent:2em;}

  • 行间距(行高)
    • p{line-height:1.5em;}

  • 中文字间距、字母间距

  • 汉字之间或字母间距
    • h1{letter-spacing:50px;}

  • 单词之间间距
    • h1{word-spacing:50px;}
  • 段落排版--对齐
    • 靠左
      • h1{text-align:left;}
    • 居中
      • h1{text-align:center;}
    • 靠右
      • h1{text-align:right;}

你可能感兴趣的:(html与css与js)