Web diseño básico (HTML y CSS) (22 / 27 paso)

Paso 22: ID de CSS y clase de las reglas de

Permite decir quiere hacer una caja a la derecha de la página donde usted puede insertar texto... luego tendría que hacer su propia etiqueta y definir mediante CSS en orden para que lo hagan...

Utilizamos los selectores ID y clase para hacer el trabajo para nosotros...

Las utilizamos como esta:

Archivo HTML

<div id="MYFIRSTDIVID">
<p>
This content goes into the box on the right hand side of the page </p>
</div>

Archivo CSS

#MYFIRSTDIVID
{
float:right;
height:100px;
width:100px;
border: 2px solid black;
}

De estilo div id que haces, te < span estilo = "color de fondo: #FFFF00″ > Utilice el signo"#"< /span > en el archivo CSS...
A las clases de div de estilo que usted hace, usted < span estilo = "color de fondo: #FFFF00″ > usar un". " (período) < /span > en el archivo CSS

IDs se utilizan cuando usted está haciendo como una etiqueta diferente como en el ejemplo anterior, pero las clases se utilizan cuando desea cosas de estilo dentro de otra etiqueta, como

Archivo HTML

<p> This <div class="MYFIRSTDIVCLASS"> text </div> is styled by div class...</p>

Archivo CSS

.MYFIRSTDIVCLASS
{
font-style:italic;
font-weight:bold;
font-color:yellow;
}

Así que las clases se utilizan cuando se tiene la clase div específico dentro de otra etiqueta HTML (etiquetas HTML excepto, cuerpo y cabeza)
Elementos previamente definidos como (h2, p, h1, br, em, i, b etc...) se editan mediante la función de clase del div porque son repetidos muchas veces en el documento, y por lo tanto tiene que ser un div de clase...
Div id se utilizan cuando vas a utilizar el elemento de estilos sólo una vez en el documento HTML...

Artículos Relacionados

Cómo obtener todo el sitio web diseño/codificación de herramientas que usted necesita - gratis! ¿

Cómo obtener todo el sitio web diseño/codificación de herramientas que usted necesita - gratis! ¿

Interesado en aprender a codificar o crear su propio sitio web pero no quiere pasar su duro ganado dinero en libros y el software? Hoy en día la codificación y construcción de sitio web es tan común se pueden encontrar recursos en todo el lugar y cie
Cómo hacer un diseño web responsivo - conceptos básicos

Cómo hacer un diseño web responsivo - conceptos básicos

En este instructable usted aprenderá cómo hacer una página web sensible usando HTML y css.Cubriremos:Los conceptos básicos de los elementos HTML de tamaño variable.Diferencia entre respuesta web y sitio web móvil.El uso de la etiqueta de punto de vis
Sitio web (HTML y CSS)

Sitio web (HTML y CSS)

Hola a todos en instructables :)Recientemente he estado intentando hacer que algunos sitios web y host en línea simplemente ver cómo el HTML y CSS he aprendido elaborado por lo que podría hacer un completo sitio web derecho que ofrece y la revisión d
Los conceptos básicos de HTML y CSS código

Los conceptos básicos de HTML y CSS código

¿Que siempre quisiste hacer tu propia página web, pero los otros webbuilders son demasiado caros? No busque más allá de una introducción a HTML y CSS programación y codificación.Paso 1: Configurar Todos los HTML y CSS codificación página comienza con
Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

se trata de una guía de varias parte sobre cómo construir tus propias páginas Web. Cubre todo, desde código HTML básico, el código PHP más avanzados, al uso de editores de GUI para hacer su proceso más rápido. Esta primera parte abarcará usando HTML
HTML y CSS para principiantes

HTML y CSS para principiantes

¿Lo que es común entre Instructables, Google, Facebook y más de otros sitios web en internet? Bien, todos ellos utilizan HTML y CSS para definir su interfaz y diseño. Estos sitios utilizan Javascript muy, pero no va a utilizar que en este instructabl
Pinstriping (diseño básico)

Pinstriping (diseño básico)

hay algunos aspectos que hacen que un pinstriper buena. La capacidad para manejar un pincel, la capacidad para utilizar la cantidad justa de pintura, el conocimiento de cuándo parar, la capacidad de dibujar simétricamente, la capacidad para crear un
Mirando por Web diseño empresas a obtener éxito en negocios Online

Mirando por Web diseño empresas a obtener éxito en negocios Online

Adodis Technologies Private Limited es una creciente bangalore de empresa de diseño web en busca de personas en el extranjero y las empresas de diseño web. Estos existen empresas que pueden beneficiarse por en parte o totalmente outsourcing sus proye
KirbyCopy101 #1: Link Hat diseño básico

KirbyCopy101 #1: Link Hat diseño básico

este instructable obras por más de una capacidad de copia. Se puede utilizar para el espada, bomba, sueño, y creo que algunos otros. Aquí es lo que necesitarás:-tela, por lo menos una yarda de larga y ancha de la circunferencia de la cabeza además de
BRICOLAJE |  Un sombrero sin un patrón de punto | Diseño básico fácil

BRICOLAJE | Un sombrero sin un patrón de punto | Diseño básico fácil

Entusiasta de fibra compañeros queridos,Quieres tejer un sombrero, pero...¿No tiene un patrón o instrucciones?No ¿perdido la etiqueta de la lana pero tienen idea que peso es?¿O tal vez simplemente desea emanciparse desde el diseño de otras personas?E
¿Editor HTML/CSS?

¿Editor HTML/CSS?

soy un geek.No certificable, no gano dinero en él, no podía piratear de página de Facebook de mi madre sin importar cuántos agentes del FBI estaban detrás de mí.Pero yo soy un geek, al menos en espíritu.Sé esto porque acabo de terminar un proyecto de
Crear un sitio web móvil con RSS + CSS

Crear un sitio web móvil con RSS + CSS

RSSmachine crea feeds RSS con hojas de estilo CSS diseñadas para usuarios de teléfonos móviles. Estos feeds RSS son una manera rápida y fácil para crear páginas web móviles. En combinación con Dropbox, es forma gratuita publicar un sitio web para móv
Construir un sitio web profesional: parte 3 CSS

Construir un sitio web profesional: parte 3 CSS

CSS (Cascading Style Sheets) son como el pan en un sandwich de PB & J. Seguro, las tablas están bien pero el código es mucho más limpio y eficiente con CSS.CSS es un método sencillo de añadir estilo (p.ej. fuentes, colores, espaciado) a los documento