• 第十一课 CSS介绍与font字体 css学习1


    一、CSS样式规则

    1、基本结构

    <html>

      <head>

        <style>

          h1{

            color: orange;

           }

        </style>

      </head>

      <body>

      </body>

    </html>

    二、font字体

    1、字号与字体

    font-size: 字号大小

    font-family: 字体 font-family: "宋体";

    使用技巧:

    网页中普遍使用14px 字号;

    尽量使用偶数的字号;

    使用多个字体,字体间用“,”逗号隔开,中文字体需加引号,英文字体可以不加,

    英文字体放在中文字体之前,字体有空格要加引号;

    尽量使用默认字体;

    2、unicode字体

    对于不支持中文字体

    方案一、可以用使用英文来替代,如font-family: "Microsoft Yahei";

    方案二、在css直接使用unicode 编码来写字体名称可以避免这些错误,使用unicode写

    中文字体,浏览器可以正确解析 如: font-family:"5FAE8F6F96C59ED1"; 表示设置字体为“微软雅黑”

    注:尽量写宋体、微软雅黑

    3、Css注释

    /*注释内容*/

    4、字体加粗

    font-weight: 字体粗细

    font-weight: bold;字体加粗 700=blod nomal=400 尽量使用数字

    5、字体倾斜

    font-style: 字体风格

    默认值: normal 正常 italic 倾斜

    注:平时我们很少让字体倾斜,反而让倾斜的字体变成普通模式

    6、font综合设置字体样式(重点)

    选择器{font: font-style font-weight font-size/line-height font-family}

    如:font{italic bold 14px "微软雅黑"}/*font 综合写法 更简洁*/

    注:必须按照这个顺序写,必须保留font-size,font-family属性否则不起作用

  • 相关阅读:
    C#中在AxWebBrowser控件注入JS脚本的方法
    C# 操作鼠标移动到指定的屏幕位置方法
    uvm的sequence
    uvm学习杂记
    形参和实参
    gvim中对变量的识别
    验证环境中的program为什么必须是automatic
    FIFO设计验证经验谈
    AMBA总线基础知识简介
    systemverilog中module与program的区别
  • 原文地址:https://www.cnblogs.com/Liuxingtao/p/10438107.html
Copyright © 2020-2023  润新知