ventajas del css

– Unificar todo lo referente al diseño visual en un solo documento

– Se pueden hacer modificaciones en un solo lugar sin tener que recurrir a los archivos HTML por separado

– Es menor la probabilidad de que exista duplicación de estilos en diferentes lugares, debido a esto es más fácil de organizar y hacer cambios. A esto debemos añadir que la información a transmitir es considerablemente menor y por tanto las páginas también se descargan más rápido

– La creación de versiones para otros dispositivos: tablets o smartphones se simplifica

Definitivamente si lo que te interesa es perfeccionarte o iniciar en el diseño de páginas

como funciona css

Se les llama estilos en cascada porque se aplican de arriba a abajo siguiendo un patrón al que se le denomina herencia. En caso de que exista ambigüedad se utilizan una serie de reglas como las que mencionamos arriba.

El CSS se suele trabajar con una separación de presentación y contenido, de esta forma los datos HTML solo incluirán información y datos que se refieren al significado de la información a transmitir. Este proceso se lleva a cabo en dos fases:

1. El navegador convierte HTML y CSS en un DOM (Objeto Documento Modelo) este DOM funciona como un documento para la memoria del ordenador

como usar css

Existen varios lugares donde utilizar CSS.

En el primer tutorial aprendimos a añadir en línea el CSS (dentro de la propias etiquetas HTML). Y aunque en esta segunda parte aprenderás otras formas, también insistiré en esa técnica.

Es posible insertar CSS desde:

• El mismo documento.
• Un documento externo.
• Varios documentos externos.

A pesar de que los métodos NO son igual de óptimos en cuanto a los tiempos de carga, todos ofrecen los mismos resultados.

 Con la práctica sabremos decidir qué técnica utilizar en cada momento.

CSS

También aprendimos las etiquetas de css.

Tipos
Propiedad	Descripción	Valores
contador	Contador	counter(nombre, estilo)
familia-genérica	Familia genérica de fuente	cursive | fantasy | monospace | serif | sans-serif
forma	Forma	rect(top, right, bottom, left)
tamaño-absoluto	Tamaño absoluto de fuente	xx-small | x-small | medium | large | x-large | xx-large
tamaño-relativo	Tamaño relativo de fuente	larger | smaller
uri (para imagen de fondo o fuentes web)	Dirección absoluta o relativa	url("ruta_y_nombre_de_archivo")
Reglas arroba
Propiedad	Descripción	Descriptores / Características
@import	Importar recurso	url(...)
@font-face	Fuente web	font-family, src, font-style, font-weight, font-stretch, unicode-range, font-variant, font-feature-settings
@media	Características del dispositivo	width | height | orientation | aspect-ratio | resolution | etc.
Tipo de letra (fuente)
Propiedad	Descripción	Valores
font	propiedad compuesta	[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar
font-family	tipo de letra (fuente)	[ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
font-size	tamaño	tamaño-absoluto | tamaño-relativo | distancia | porcentaje
font-weight	grosor del trazo (negrita)	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-style	inclinación (cursiva)	normal | italic | oblique
font-variant(3)	variantes tipográficas	normal | small-caps
font-variant-caps(3)	versalitas	normal | small-caps
font-kerning(3)	kerning	auto | normal | none
font-variant-ligatures(3)	ligaduras	normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual
font-variant-numeric(3)	versalitas	normal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions | ordinal | slashed-zeros
font-variant-position(3)	posición	normal | sub | super
font-variant-east-asian(3)	lenguas asiáticas	normal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby
font-feature-settings(3)	características OpenType	normal | características OpenType
font-synthesis(3)	síntesis	none | weight | style
font-size-adjust(3)	ajuste del tamaño	número
font-stretch(3)	anchura	ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded
Texto
Propiedad	Descripción	Valores
color	color del texto	color
direction	dirección del texto	ltr | rtl
letter-spacing	espacio entre caracteres	normal | distancia
line-height	espaciado entre líneas	normal | número | distancia | porcentaje
text-align	alineación del texto	center | justify | left | right
text-decoration	decoración del texto	none | blink | line-through | overline | underline
text-indent	sangrado de la primera línea	distancia | porcentaje
text-transform	mayúsculas / minúsculas	none | capitalize | lowercase | uppercase
text-shadow(3)	sombreado	desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color
unicode-bidi	dirección del texto	normal | embed | bidi-override
vertical-align	alineación vertical	baseline | bottom | middle | sub | super | text-bottom | text-top | top | distancia | porcentaje
white-space	espacios en blanco, saltos de línea y wrap	normal | nowrap | pre | pre-line(+) | pre-wrap(+)
word-spacing	espacio entre palabras	normal | distancia

que aprendimos con css

bueno con css podemos aprender que ahorra trabajo y podemos diseñar y todo no ahora mucho dinero así que podemos aprender como plantearlo.

ncluso con una herramienta como WordPress (que francamente te recomiendo como mejor opción para crear una web “normal” hoy en día) dónde en principio se supone que las miles y miles de plantillas de diseño (temas WordPress) de las que goza WordPress harían innecesario cualquier conocimiento de CSS, no habrá color entre saber o no saber un poco de CSS.

Tener simplemente unos conocimientos básicos de CSS como los que puedes adquirir en este post y no estar limitado a las opciones de configuración de la plantilla de turno te llevará a otro nivel en lo que serás capaz de hacer con tu web.

Que Aprenderemos En Mi Blog.😊😊😊😊😊

Bueno en mi blog aprenderemos muchas cosas nuevas por ejemplo que es la tecnopatía o adicción a la tecnología muchos se preguntaran que es esta enfermedad.

Bueno esta enfermedad consiste en las personas que no pueden estar ni cinco minutos sin su celular que necesitan estar conectados 24/7 también es un trastorno que lleva a los niños y adolescentes a expresiones inadecuadas de sus deseos o necesidades.

como se puede ver en las imágenes que estos niños están siempre con sus celulares que no los sueltan por nada tenemos que prevenir eso.

como lo haremos dándoles a los ninos celulares en edades apropiadas limitan sus usos que no duren 8 y 10 horas pegados a eso así lo evitaremos.

 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔✔👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌

Videos de mi gran blog

Aquí les presento como crear un Blog de forma rápida y sencilla para que no os compliques