[CSS] repaso notas de estudio (los atributos de estilo de letra)

atributos de estilo de fuente CSS


A, tamaño de fuente: tamaño de la fuente
Este atributo puede utilizarse unidad de longitud relativa (recomendado), las unidades de longitud absoluta puede también ser utilizado, recomendamos la unidad pixel px.

La unidad de longitud relativa describe
em con respecto al tamaño de fuente actual del texto objetos
pixeles px (recomendado)
unidades de longitud absolutos descritos
en pulgadas
de cm centímetro
mm milímetro
pt Point

Consejo: tamaño de la fuente por defecto del navegador Google es de 16 px.

[Ejemplo de código]
   <style>
    P {
        font-size: 16px;
    }

    </ Style>

Dos, font-family: Fuente
Este atributo se utiliza para establecer la fuente, la fuente utilizada en la página han cursiva (comparativo adecuado para la impresión), Microsoft elegante negro, en negrita y similares.

[Ejemplo de código]
   <style>
    * {
        / * font-family: "Microsoft Yahei"; * /
        font-family: "YaHei el Microsoft", Arial;
    }
    </ style>

consejos:

  • 1, la página se utiliza ahora comúnmente 14px +;
  • 2, para hacer uso de un número par de tamaño de la fuente digital, o un navegador más antiguo con extraña propensos a error;
  • 3, debe ser un estado separada por comas entre la variedad Inglés de fuentes;
  • 4, fuentes chinas necesitan ser citado en el estado Inglés, Inglés fonts generalmente no requiere comillas cuando se necesita para establecer la fuente Inglés, el nombre de la fuente debe estar en Inglés antes de que el nombre de la fuente china.
  • 5, si el nombre de la fuente contiene espacios, *, #, $, \ y otros símbolos, la fuente se debe introducir en un único o dobles comillas en el estado de Inglés;
  • 6, intenta usar los ejercicios de fuente por defecto, para asegurar que se pueden visualizar en el navegador de un usuario normal;
  • 7, si hay más de una fuente, una por una de acuerdo con un sistema de prioridad de encontrar, si no puede encontrar uno (preguntas escritas / compatibilidad del navegador), a continuación, utilizar la fuente predeterminada del navegador;


CSS codificación Unicode
utiliza en el código CSS para escribir directamente Unicode nombre de la fuente para evitar que algunos navegadores no reconocen el problema de modo que pueda ser resuelto correctamente.

nombre chino nombre Inglés unicode
Times New Roman SimSun \ 5B8B \ 4F53
cuerpo negro SimHei \ 9ED1 \ 4F53
Times New Roman NSimSun \ 65B0 \ 5B8B \ 4F53
cursiva Kaiti \ 6977 \ 4F53
microsoft Jhenghei Microsoft JhengHei \ 5FAE \ x8F6F \ 6B63 \ 9ED1 \ 4F53
negro elegante Microsoft Microsoft YaHei \ 5FAE \ 8F6F \ 96C5 \ 9ED1

Tres, font-weight: peso de la fuente
negrita y B, excepto las etiquetas fuertes, pero también puede ser implementado usando CSS, pero no hay CSS semántica.
normales: fuente normal (no negrita), lo que equivale a 400
Negrita: negrita, equivalente a 700
más en negrilla: Especial negrita
más ligero: Serif
número: 100/200/300 ... 900 (cifras recomendadas, resolverlos más rápido )

[Código de ejemplo]

   <style>
    a {
        / * font-weight: bold; * /
        font-weight: 700; / *没有单位== negrita * /
    }
    </ style>


Cuatro, font-style: estilo de fuente
cursiva salvo I y etiquetas em también puede ser utilizado para lograr CSS, pero no hay CSS semántica.
normal: fuente normal (variaciones cursiva permiten normal)
Cursiva: Cursiva

[Código de ejemplo]

   <style>
    em {
        colores: celeste;
        font-style: normal;
    }
    </ Style>


 

Liberadas 2018 artículos originales · ganado elogios 3957 · Vistas 10350000 +

Supongo que te gusta

Origin blog.csdn.net/zhongguomao/article/details/104581519
Recomendado
Clasificación