Cómo utilizar mejor Reglas capilares en Diseño Web

La regla de la línea del cabello por lo general se aplica a la autoedición y diseño gráfico. El tamaño generalmente aceptado para una regla de nacimiento del pelo en el diseño gráfico es de 0,25 puntos. El diseño web no utiliza reglas finas de la misma manera, aunque se puede aplicar la idea a su sitio web. En el diseño Web, una regla de línea de implantación de 0,25 será muy difícil de ver. En su lugar, utilizar las reglas finas de 1 píxel.

CSS o HTML

No existe ninguna etiqueta de la línea del cabello en CSS o HTML código. Sin embargo, puede crear una regla equivalente nacimiento del pelo en cualquiera. En CSS, la etiqueta de la frontera le permite poner una línea fina alrededor de a lo largo de cualquier número de lados de cualquier elemento especificado. Por ejemplo, la codificación "border-bottom: 1px negro sólido;" pone un borde negro fino en la parte inferior de su clase o ID elegido. Esto actúa como una regla de la línea del cabello, proporcionando una tira delgada en la ubicación elegida en una página Web.

HTML

En la mayoría de los casos, CSS - No HTML - hace un mejor uso de las reglas de la rayita en el diseño web como la línea es un elemento estilístico. CSS debería indicar siempre el estilo y el contenido HTML. Sin embargo, HTML no ofrece una etiqueta regla horizontal, <hr>, que puede crear una regla de la línea del cabello. Por ejemplo, el código HTML "color hr =" negro "size =" 1 píxel "/> añade una 1px línea de negro gruesa horizontal. Este enfoque se limita a las normas horizontales dentro de su contenido de la página web. No es la mejor opción para las reglas finas de diseño .

Contenido

Uno de los mejores usos de reglas finas en el diseño web es separar el contenido visualmente sin el uso de gráficos o imágenes en negrilla. Por ejemplo, con una disposición de varias columnas las columnas a veces necesitan una separación sencilla para que sean distintas unas de otras. Una regla de la línea del cabello de alrededor de 1 píxel, agregó el uso de la etiqueta frontera CSS, ofrece un separador de este tipo. En situaciones similares, como añadir pausas midcontent, reglas finas funcionan bien.

Pull-citas

Pull-citas muestran citas o fragmentos de la parte principal de un artículo. Estos se presentan a menudo en un pequeño bloque dentro del cuerpo del artículo. Por lo general, pull-citas tienen un tamaño de letra más grande y algo de formato para distinguirlos del texto circundante. reglas finas ofrecen una buena manera de separar los pull-citas del contenido de una manera sutil. Adición de una regla de nacimiento del pelo a la vuelta de la retirada cita es una forma eficaz de utilizar la técnica en el diseño de la web en general.