Valor de atributo de estilo de texto CSS

HTML edita texto, da vitalidad a las páginas web HTML a través de los atributos de configuración de CSS, cambia el tipo de texto, el fondo e inserta imágenes, videos, audios, etc., para hacer que las páginas web sean más vívidas.

• Atributos de texto en CSS

font-weight: 
            bold;       //改变字体粗细
            normal   //正常字体、标准字体
 font-style:oblique;     //字体风格（oblique倾斜）
 text-decoration：
            underline;    //文字修饰（underline 下划线）
            overline;    （上划线） line-throug;   （删除线） none; （取消文字下划线）

text-indent: 20px;    //文本首行缩进
 text-align: right /center /left      //文本对齐
 text-transform:
            uppercase; //文本转换（uppercase小写转化为大写）
            lowercase;    （大写转化为小写）

text-shadow: 0 2px 5px red;   //文本阴影
 letter-spacing: 20px;    //字间距
 word-spacing: 20px;   //词间距（英文单词）
 line-height:20px;    //两个文本中的距离、行距

Practique una letra mayúscula de la siguiente manera:

<p>my english is very good</p>

Los cambios a través de CSS son los siguientes:

p:first-letter{
    text-transform: uppercase;
}

• Atributo div en CSS

Crea un nuevo div en HTML

<div class="box1"></div>
background-image：url("img/图片路径");     //插入图片
 background-repeat：no-repeat;      //平铺方式（不平铺）
                                  “repeat-x”;    （横向X轴平铺）
                                  “repeat-y”;     （纵向Y轴平铺）</pre>

Realice el mosaico de imágenes en CSS: [background-repeat: valor de atributo]

Implementando imágenes en CSS: no plano

.box1{
    width: 100px;
    height: 100px;
    border: dashed red;
    background-image: url(../img/picter/ai2003.jpg);
    background-repeat: no-repeat;
}

Implementar el mosaico del eje X de la imagen en CSS:

.box1{
    width: 500px;
    height: 300px;
    border: dashed red;   //画布边框
    background-size: 100px;    //图片大小
                     contain;  //上下填充画布
                     cover;    //完全填充画布，影响图片原貌

    background-image: url(../img/picter/ai2003.jpg);
    background-repeat: repeat-x;
}

Darse cuenta de la posición de la imagen en CSS: [posición de fondo: valor de atributo]

.box1{
    width: 500px;
    height: 100px;
    border: dashed red;
    background-size: 100px;
    background-image: url(../img/picter/logo_db.png);    //图片路径
    background-repeat: no-repeat;     //不平铺
    background-position: center center;     //图片居中
                         bottom lift ;    //左下角
                         top right;    // 右上角
                         50px 50px ;   //自定义位置 }</pre>

Actualmente estoy trabajando en el desarrollo de front-end. Si desea aprender tecnología de desarrollo de front-end ahora, y encuentra alguna pregunta sobre métodos de aprendizaje, rutas de aprendizaje, eficiencia de aprendizaje, etc. durante el proceso de comenzar a aprender front-end, puede solicitar unirse a mi falda de intercambio de aprendizaje de front-end: 421374697. Reúne a algunos principiantes, cambiadores y principiantes que son de autoaprendizaje front-end.También tengo algunas preguntas de entrevista de front-end compiladas durante el tiempo que estuve haciendo tecnología de front-end, tutoriales de código fuente de desarrollo de front-end, libro de documentos PDF tutoriales, y puedes encontrarlos si los necesitas.

Archivo adjunto de fondo en CSS: [archivo adjunto de fondo: valor de atributo]

background-attachment:fixed; //固定图片位置

Estructura de apelación completa, puede * Abreviatura completa atributo color dirección mosaico es fijo (no es necesario escribir) ubicación

background: pink url ("img/图片路径") no-repeat center center; background-size: 100%;