美文网首页
CSS3之文字

CSS3之文字

作者: 怀念不能 | 来源:发表于2017-03-11 00:36 被阅读15次
    起点.jpg

    文字样式

    字体属性:
    一、文字样式:
        格式:font-style=italic;
        取值:normal   正常
             italic    斜体
    二、文字粗细:
        font-weight=bold;
        单词取值:border  超级加粗
                lighter  细线
                bold     加粗
        数值取值:200....
    三、文字大小:
        格式:font-size:20px;
        单位:px(pixel像素),em()
    
    四、字体样式:
        font-family:“微软雅黑”;
    (1)可以设置备选方案,前面不能用会自动取后面的值,
             font-family:“字体1”,“字体2”..
    (2)中文字体样式可以处理英文,但英文字体不能处理中文样式。
            当需要给中英文字体设置不同的样式时可将英文字体样式写在前面。
     注意:并不是样式值为英文就是处理英文的;
    5. 缩写格式:
       font:style,weight,size,family。
    注意:style和weight可以省略也可以交换顺序;但size和family不能省略也不能交换顺序
         否则,所设置的样式无效果。
    

    文本样式:

     1.文本装饰
      格式:text-decoration: underline;
       取值:underline  下划线(取代<u>)
              inherit    删除线(取代<s>)
              overline   上划线
              none     无样式(多用于<a>标签去除下划线等默认样式)
     2.文本对齐属性
            格式:text-align: left;
            取值:left 左边, right 右边,center 中间
     3.文本缩进
          格式:text-indent: 2em;      (一个em代表一个文字;)
    

    字体颜色

    格式:color:rgb(255,255,255)
        取值:rgb(255,255,255); rgba(255,255,255,1)a取值(0-1)表示透明度;
         英文取值:red。。。
         十六进制:#ffffff(每两位分别代表r,g,b)
    
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8" name="keywords" content="css选择器">
        <title>css选择器(1)</title>
        <style type="text/css"> 
            p{
                font: italic bold 2em "微软雅黑";
                color: rgba(0,0,255,1);
                text-decoration: overline;
                text-align: right;
                text-indent: 2em;
            }
        </style>
    </head>
    <body>
    <p id="p1">
      <u>我是下滑线已弃用</u>
      <s>我是删除线已弃用</s>
    </p>
    </body>
    </html>
    

    你的坚持是你通往成功的最大保障!
    2017-3-11(第一步)

    相关文章

      网友评论

          本文标题:CSS3之文字

          本文链接:https://www.haomeiwen.com/subject/tztbuttx.html