Entrada del estilo del botón en HTML

páginas Web HTML utilizan CSS (Cascading Style declaraciones hoja) para determinar su aparición en el navegador web del usuario. Los sitios web pueden incluir estas declaraciones de estilo dentro de la sección de cabecera de una página o dentro de los archivos CSS enlazando con los de cada página. reglas CSS pueden dictar las reglas de estilo de cualquier elemento HTML que incluye elementos de entrada, tales como botones dentro de las formas. reglas CSS incluyen el diseño, la coloración, las fronteras y el uso de imágenes de fondo.

Elemento HTML

páginas web declaran los elementos de entrada, tales como botones usando etiquetas de formato HTML. El siguiente código de ejemplo muestra la creación de un elemento de botón dentro de una página Web:

<Input type = "button" value = "Pulse" />

formularios de páginas web también pueden contener tipos específicos de botón como botones de envío, que causan los datos introducidos en un formulario para ser procesados ​​y enviados al servidor Web cuando el usuario hace clic en ellos. El marcado siguiente muestra cómo agregar un botón de envío a una página Web:

<Input type = "submit" value = "Enviar" />

Estos dos tipos de botón de utilizar las mismas técnicas para estilizar en el CSS.

Id y class

reglas CSS pueden identificar elementos de la página utilizando el tipo de elemento o atributos especificados como ID y clase. Si las reglas CSS utilizan sólo el tipo de etiqueta para especificar reglas de estilo, el estilo se aplicará a todos los elementos de ese tipo dentro de la página. Si los desarrolladores quieren ajustar las propiedades de estilo para artículos particulares o clases de artículos, que pueden, por tanto, utilizar la clase y el identificador de atributos en su lugar. El código siguiente muestra la adición de un atributo ID a un elemento de botón:

<Input type = "button" value = "Pulse" id = "buttonx" />

El marcado siguiente muestra cómo agregar un atributo de clase:

<Input type = "button" value = "Pulse" class = "formbutton" />

atributos de identificación deben ser utilizados de forma única dentro de una página, por lo que el mismo ID no pueden aparecer dos veces. El mismo atributo de clase puede aparecer varias veces en la página.

Identificador CSS

reglas CSS identificar los elementos conjuntos particulares de declaración se aplicará a. Por ejemplo, el siguiente código CSS demuestra la aplicación de un tamaño de fuente y color de la declaración a todos los elementos de entrada:

entrada

{Font-size: large; color: # 000066;}

elementos de identificación se definen precediendo el nombre de identificación con un símbolo de hash. El siguiente ejemplo de código CSS se aplica un estilo a sólo aquellos elementos con el valor del atributo ID indicado:

buttonx

{Margin: 2px; padding: 5px;}

elementos de clase se definen precediendo el nombre de la clase con un punto. El código siguiente muestra la aplicación de los estilos mencionados a todos los elementos de entrada con el valor del atributo de clase especificada:

input.formbutton

{Border: 1px solid # 000000; background-color: # FFFF00;}

Declaraciones CSS

declaraciones CSS pueden establecer el estilo de los elementos HTML de muchas maneras diferentes. reglas CSS pueden determinar de texto y colores de fondo para cualquier elemento HTML. CSS también puede configurar imágenes de fondo para elementos específicos, fijando opcionalmente las imágenes para repetir en direcciones particulares. El modelo de caja CSS permite a los desarrolladores establecer dimensiones del elemento, relleno, bordes y zonas de margen, incluyendo el tamaño de cada aspecto. archivos CSS también se pueden establecer las propiedades de una página entera, a menudo utilizado para las opciones como fuentes y un estilo de imagen.