Como-se-usa-css-en-html







Como-se-usa-css-en-html


Como-se-usa-css-en-html


Como-se-usa-css-en-html

Lo ultimo de CSS

Css ,las hojas de style cascanding style sheets es la tecnologia que se emplea para difinir la presentyacion visual de nuestras paginas web ,antes de ver como se usa css en una paginas web hrml vamos a aprender un termino muy importante en los sitemas informaticos,este es el acopalmiento informatico segun la wikipedia el acoplamiento informatico indica el nivel de dependencia entre las unidades de sowar de un sistema informatico ,esto quiere decir el grado en que esta unidad puede funcionar sin recurir de otras. Dos funciones son absolutamente idependientes entre si ,el nivel mas bajo de acoplamiento cuando una puede hacer su trabajo completamente sin depender del la otra ,en este caso se dice que ambas estan desacopladas .Lo mejor seria un desacoplamiento total ,es decir que no ubiece ninguna dependencia entre las partes que constituyen un sistema informatico,pero esa situacion es imposible de lograr ,por lo tanto lo que se intenta es reducir el acoplamiento al m inimo posible cuanto menos dependientes son las partes que forman un sistema informatico mejor sera el resultado,cuando usamos css para definir una pagina web escrita en html y se crea un acoplamiento entre css y html ,debemos intentar reducir este acoplamiento entre estas dos tecnologias . En html se puede indicar que queremos aplicar unas reglas css de tres formas mediasnte el atributo style ,mediante la etiqueta <style> o mediante la etiqueta <link>. Vamos a ver el uso del atributo style,esta es la peor opcion ya que lleva aparejado un acoplamiento maximo entre html y css, como veremos en el ejemplo,el atributo style es uno de los pocos atributos que se puede aplicar a casi caulquier elemento de html en html 4.01 y html 1.0 el atributo Style se puede aplicar a casi todos los elementos o etiquetas execto ,BASE,BASEFONT,HEAD,HTM,META,PARAM,SCRIPT,STYLE,TITLE,sin embargo en html 5 a cambiado ahora se indica que todos los elementospueden tener el atributo style . Como utlizar este atributo ,primero veamos el css que vamos a utilizar para este ejemplo :color,para el color del texto ,backround-color,para definir el color de fondo del texto,font-family para definir el tipo de la letra o fuente ,fon-size para definir el tama??o del texto.Este ejemplo que usaremos como base para definir el uso del atributo style :


Como-se-usa-css-en-html


EJEMPLO sin atributo style <!DOCTYPE HTML> <HTML> <head> <meta charset="utf-8"/> <title> Ejemplo 1</title> </head> <body> <h1> ejemplo 1</h1> <h2> mas del ejemplo 1 </h2> <p>Mi primera pagina <strong> Web </strong> es tambien parte del ejemplo 1 html <em>Hipertexto Markup </em>. </p> <h2> La estandarizacion </h2> <p> El leguaje <em>html </em> </p> <p> L a version actual es la 5 </p> <p> Se espera este terminada en el <strong> ano 2014 </strong> . </p> </body> </html> ______________________________________________________ EJEMPLO 1 aplicando el atributo style <!DOCTYPE HTML> <HTML> <head> <meta charset="utf-8"/> <title> Ejemplo 1</title> </head> <body style="color: #333; bagroun-color: #ccc;"> <h1 style="font-family: georgia; font-size : 3 em;> ejemplo 1</h1> <h2 style="font-family: georgia; font-size : 2 em;> mas del ejemplo 1 </h2> <p>Mi primera pagina <strong> Web </strong> es tambien parte del ejemplo 1 html <em>Hipertexto Markup </em>. </p> <h2 style="font-family: georgia; font-size : 2 em;> La estandarizacion </h2> <p style="font-family Arial ,Helvitica, sans-serif; "> El leguaje <em>html </em> </p> <p style="font-family Arial ,Helvitica, sans-serif;> L a version actual es la 5 </p> <p style="font-family Arial ,Helvitica, sans-serif;> Se espera este terminada en el <strong> ano 2014 </strong> . </p> </body> </html> Este es un problema importante cada ves que queramos cambiar los parrafos y demas elementos tendriamos que hacerlo cambiando uno a uno y esto genera mucho trabajo por el desacoplamiento que hay en este atributo .


Offerjops CSS


Enrique Rojas


Diseño web, Consultor- Seo
Apasionado del posicionamiento web
Impulsar la visibilidad de tu web para búsquedas valiosas en Google.



Sobre el Autor

Offerjops CSS las mejores noticias sobre esta categoria CSS Offerjops

Offerjops
7 stars - based on 27 reviews