No se por que no funciona esta igual que en la tutorial i eso que es mui facil enlazar la estilos-general.css i la index.html peor ami no me sale i lo pongo exactamente igual que en la tutorial,por favor respondan gracias de ante mano.
Como hablas que quieres enlazar un estilo en un documento HTML voy a suponer que estamos basando la página en XHTML Strict, entonces, ten en cuenta las siguientes recomendaciones:
La primera linea SIEMPRE deberá ser el DOCTYPE del documente para su correcta verificación, así que lo primero que debes tener es lo siguiente (XHTML Strict):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Después del DOCTYPE deberemos poner la etiqueta:
<html></html>
Dentro de las etiquetas html vendrá la etiqueta head:
<head></head>
es bueno que una ves abierta una etiqueta la cierres al instate para no perder el hilo de lo que haces, dentro de la etiqueta <head> Pueden in varias cosas, en esta ocasión como es un nivel básico simplemente enlazaremos una Hoja de estilos y pondremos el título de la página, entonces quedaría así:
<html>
<head>
<link rel="StyleSheet" href="css/style.css" type="text/css"></link>
<title>Tu Página</title>
</head>
<body></body>
</html>
en donde href="css/style.css" es la ruta relativa donde se encuentra la Hoja de estilos.
Recuerda también que para que funcione Bien una hoja de estilos los atributos de tipo: "name" o "id" deben coincidir a la perfección, recuerda también que los atributos "id" son únicos.
Espero este minimanual te sirva a despejar algunas dudas
Saludos
<html>
<link rel="stylesheet" href="estilo-general.css" type="text/css"></link>
<head>
<title>Titulo de la web</title>
</head>
<body>
<p class="importante">
</p>
</body>
</html>
i en la hoja de estilos
.importante {background-color:#ff0000 ; color: #666 ; font-family: Arial, sans-serif ; font-size: 30px;}
"Estan los 2 en la misma carpeta"
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css"></link>
<title>Titulo de la web<title>
</head>
<body>
<p class="importante">Contenido del Párrafo</p>
</body>
</html>
Estas linkando la hoja de estilos fuera de la etiqueta head! al parecer no has leido nada de mi primer Post! en cuanquier caso debería ir asi, recuerda que el documento estilo-general.css debe estar al mismo nivle (en el mismo directorio) que el archivo html
Recuerda que cuando publiques algún código en el foro lo debes poner en medio de las etiquetas de código, tambien es bueno que identes lo que pones para entenderlo mejor.
Saludos
me doi cuenta que cuando lo abro pone archi estilo-general.css.txt
puese que sea de eso?
Uhmmm No habia visto la hoja de estilos, Lo Siento, debería ir así la hoja de estilos:
p.importante {background-color:#ff0000 ; color: #666 ; font-family: Arial, sans-serif ; font-size: 30px;}
con el objeto al que pertenece antes de poner la clase, en este caso como pertenece a un parrafo se hace p.importante
Lo que editaste, eso se da porque trabajas en Windows y tienes ocultadas las extensiones, seguramente estás trabajando desde el NotePad, puedes hacer dos cosas:
Abir una capeta -> Herramientas -> Opciones de carpeta -> Ver -> y deseleccionar la opción "Ocultar extensiones de archivo"... o algo así la verdad ahora estoy sobre GNU y no te puedo responder con total exactitud. y quitar la parte que dice ".txt"
Y la segunda, utilizar un editor de texto como NotePad++ que resalta el código y no te lias con extensionesni encodeos
NotePad++: http://notepad-plus-plus.org/