Cómo colgar la primera línea de un párrafo en HTML

Generalmente cuando necesitamos sangrar la primera línea del párrafo de un artículo, pulsamos con fuerza la barra espaciadora. Ahora que ha aprendido HTML y CSS, si desea espaciar dos caracteres delante de un párrafo, no es necesario que presione la barra espaciadora todo el tiempo. Puede usar CSS para lograr el efecto de sangrar el comienzo de un párrafo. párrafo por dos caracteres. Aquí necesitamos usar la propiedad de sangría de texto CSS de primera línea. sangría de texto puede sangrar la primera línea del contenedor en una determinada unidad. Por ejemplo, los párrafos chinos suelen tener un espacio de dos caracteres chinos antes de cada párrafo. Aquí debemos entender em, una unidad de longitud. em es una unidad de longitud relativa. El tamaño de fuente relativo al texto dentro del objeto actual. En nuestros párrafos chinos, cada párrafo suele ir precedido de dos caracteres chinos. De hecho, la primera línea tiene una sangría de 2 em. El código es el siguiente: lt;style?type="text/css"gt;?lt;!--

p{?

text-indent:?2em;? /*em Es una unidad relativa, 2em es el doble del tamaño actual de una palabra*/?

}?

--gt;?lt;/stylegt;lt;pgt ;Tutorial en línea de W3Cschool (w3cschool.cn): aprenda tecnología, ¡comience con W3Cschool! W3Cschool ofrece principalmente tutoriales de aprendizaje en línea y servicios diarios de consulta de información técnica para personal técnico principiante. Para brindar un mejor servicio a los usuarios, la plataforma del sitio web proporciona una gran cantidad de ejemplos en línea, a través de los cuales puede aprender mejor cómo crear un sitio web. Todo el contenido de la plataforma es de visualización gratuita y se actualizará en tiempo real de acuerdo con los cambios actuales en Internet. lt;/pgt;

El efecto de visualización es el siguiente:

Utilice CSS para sangrar la primera línea de un párrafo con dos caracteres. El método general para sangrar la primera línea es. agregue cuatro pequeños espacios en las esquinas. De hecho, es más eficaz definirlo con estilos CSS. Por ejemplo, defina el siguiente estilo de sangría en estilo: .suojin{text-indent: 2em}

Utilice ?class=amp;quot;suojinamp;quot;

, por ejemplo, use un div para definir un párrafo completo al que se le aplicará sangría primero. Siempre que el navegador encuentre la declaración p (es decir, el comienzo de un nuevo párrafo) en el área div, ejecutará la sangría definida por .suojin. También se puede definir utilizando estilos CSS incrustados en el texto. Aquí hay un ejemplo: lt;div?style="text-indent: 2em"gt;lt;pgt;paragraph onelt;/pgt;lt;pgt;paragraph 2lt; /pgt;lt;pgt;Párrafo 3lt;pgt;lt;/divgt;

El efecto es el siguiente:

Ambos métodos tienen sus propias ventajas y desventajas, y se pueden decidir Según las necesidades Qué método utilizar. sangría de texto: 2em;

Explicación: texto significa texto, sangría significa sangría en inglés informático y los siguientes 2em significan 2 unidades relativas em explicación: relativo al objeto actual El tamaño de fuente del texto. (¿Citado del Manual de referencia de CSS?) Estimados estudiantes, ¡prueben este concepto con atención! Compréndelo. La unidad em significa el tamaño relativo del texto. 1 em es el tamaño de un texto y 2 em es el tamaño de dos textos. Ahora puedes entender el significado de "text-indent: 2em;" ? Es "texto con sangría de dos tamaños de texto".

Nota: ¿etiqueta div? No olvides el carácter inicial. text-indent? solo es efectivo para etiquetas p o etiquetas div, pero no para etiquetas br. La razón es que la etiqueta br es una etiqueta de salto de línea y no una etiqueta de segmentación.