Posts filed under 'CSS'
Recopilacion de tecnicas CSS
En noupe me encontre con estas dos entradas es una recopilacion de 101 tecnicas css, esta muy recomendable.
101 CSS Technique of all time part 1
101 CSS Technique of all time part 2
via: Noupe
Add comment Abril 2, 2008
Incluir CSS en un documento HTML
Puedes incluir CSS en un documento HTML de tres formas:
- Incluir CSS dentro del documento HTML
- Incluir CSS en las etiquetas HTML
- Incluir CSS desde un archivo externo
Incluir CSS dentro del documento HTML
Para incluir CSS dentro del documento HTML hacemos uso de la etiqueta <style>, la cual estara incluida dentro de la etiqueta <head>. El inconveniente de definir CSS dentro del mismo documento es que si ocupas un mismo estilo en diferentes documentos HTML a la hora de que quieras realizar algun cambio tendras que hacerlo en todos los documentos HTML.
Ejemplo:
<html>
<head>
<style type="text/css">
p { color: blue; font-size:15px; font-family:Arial; }
</style>
</head>
<body>
<p>Este es un parrafo </p>
</body>
</html>
Incluir CSS dentro de la etiqueta HTML
Se puede incluir CSS dentro de la misma etiqueta html mediante el atributo style.
Ejemplo:
<html>
<head>
</head>
<body>
<p style="color: blue; font-size:15px; font-family:Arial;"> Este es un parrafo </p>
</body>
</html>
Incluir CSS desde un archivo externo
La otra forma de incluir CSS es definiendo en un archivo todos los estilos que vayamos a ocupar y lo guardamos con la extension .CSS, Una vez que tenemos el archivo creado lo enlazamos mediante la etiqueta <link>
Ejemplo:
Archivo: estilo.css
p { color: blue;
font-family:Arial;
font-size:15px;
}
Archivo: pagina.html
Add comment Marzo 20, 2008
11 Free Menus CSS
En explodingboy podras encontrar una coleccion de 11 menus CSS gratuitos, puedes ver y descargar todos los menus. Es un muy buen recurso CSS para tomar en cuenta.
2 comments Marzo 2, 2008
Centrar el contenido de una pagina con CSS
Muchas veces queremos que el contenido de nuestra pagina web se muestre en el centro y no sobemos como hacerlo. A continuacion se muestra una técnica para lograr esto:
En la etiqueta body se establecen los siquientes atributos:
body {
/* todos los margenes se establecen en 0 */
margin: 0px;
/* El texto se alinea a la derecha */
text-align: center;
}
Se crea una capa que llamaremos contenedor la cual incluira los siguientes atributos:
#contenedor {
/* Ancho de la capa */
width: 750px;
/* Margen superior e inferior 0 px
margen derecho e izquierdo automatico*/
margin: 0 auto;
/* alineacion del texto a la izquierda*/
text-align: left;
}
Descargar: Ejemplo
Add comment Febrero 22, 2008
FreeCSSTemplates.org
Si deseas cambiar el diseño de tu blog o tu web FreeCSSTemplates.org te puede ser de gran ayuda, es un sitio en el cual podras encontrar una coleccion de mas de 250 plantillas CSS gratuitas y listas para descargar, en el sitio tambien se incluye una vista preliminar de cada plantilla.
2 comments Febrero 17, 2008
Editor CSS – topSTYLE Lite
Muchas veces queremos que cambiar el estilo de nuestra pagina o blog y no lo hacemos porque se nos complica la creación de las hojas de estilo. TopSTYLE Lite nos ofrece un entorno de desarrollo simple pero a la vez muy completo el cual integra:
-
Editor de CSS el cual cuenta con code hints que son utiles si no estas muy familiarizado con los atributos CSS .
-
Inspector de estilos en el que se muestra la lista completa de atributos CSS.
-
Vista previa mediante esta se aprecia el resultado de los estilos que se utilizan en el archivo CSS.
La version completa de este software es topSTYLE Pro el cual incluye un mayor numero de caracteristicas.
Add comment Febrero 16, 2008
