zoukankan      html  css  js  c++  java
  • font(字体)所使用的属性

     1、font-weight:normal blod bolder lighter  100-900之间 400=normal

    1  p:first-child{
    2    padding-top: 50px;
    3     position: relative;
    4     color: black;
    5     font-size: 40px;
    6     font-weight: 800;
    8   }

     2、color(颜色)的几种表达

     表达方式 :

    • #777777
    • color:red
    • #755
    • rgb(0,0,0)
    • rgb(0%,0%,0%)占255的百分之几
    • rgba(0,0,0,0)

     3、英语字体的样式

     text-transform:

    • capitalize;首字母大写
    • uppercase;大写
    • lowercase;小写

     4、文字的中上、下、删除线

     text-decoration:

    • overline;上划线
    • underline; 下划线
    • line-through; 贯穿性

     5、字体中的首字下沉

      text-indent: 10px;——首行缩进2个字符 2em=10px

     6、文本的对齐方式

       text-align:

    • center 居中对齐
    • left 左对齐
    • right 右对齐  

      7、字母与字母,文字与文字之间的间距  

     英文: letter-spacing: 10px;   以像素为单位

     中文: word-spacing: 20px;    可以em为单位的数字设置即2em=两个字符。单词和单词之间的间距

     8、字体倾斜

      font-style: oblique; (设置字体倾斜)

      注:也可以用标签em:直接把字体倾斜

    h1,h2{
        color: #0e6c9c;
        font-style: oblique;
    }
    

      


    实例:

    1  p{
    2 word-spacing:2em;/*文字与文字的间距*/
    3 display: table-cell;/*将标签的属性设置转换成表格的形式*/
    4 vertical-align: middle;/*对于文本必须和display:table-cell* 才有垂直居中的效果/
    5 height: 30px;
    6 line-height: 30px;/*行高与容器高度一致时,是单行文本垂直居中*/
    7 text-align: center;/*left,right*/
    8 }

    9、<sup> 标签定义上标文本,<sub> 标签定义下标文本

    1  <h2>From Jen`s Cookbook</h2>
    2     <ul>
    3         <li><sub>T</sub>apenade (Olive Spread)</li>
    4         <li><sup>T</sup>apenade (Olive Spread)</li>
    5     </ul>

  • 相关阅读:
    sqlmap注入分类
    sqlmap简单中文说明
    【Python Learning第一篇】Linux命令学习及Vim命令的使用
    模拟退火算法从原理到实战【基础篇】
    平面上给定n条线段,找出一个点,使这个点到这n条线段的距离和最小。
    使用VMWareWorkstation10搭建学习环境笔记
    洛谷P1313 计算系数【快速幂+dp】
    浅析Numpy.genfromtxt及File I/O讲解
    持续交付中高效率与高质量
    持续集成CI与自动化测试
  • 原文地址:https://www.cnblogs.com/hlrblog/p/7868202.html
Copyright © 2011-2022 走看看