Repaso: el uso de CSS / estilo comprobar - beta

  • lineleeder
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Ago 15, 2004
  • Mensajes: 27
  • Loc: Southern NH
  • Status: Offline

Nota Septiembre 2nd, 2004, 4:48 pm

Me gustaría que si alguien que tenga experiencia con CSS puede echar un vistazo a mi proyecto y mi crítica usuage CSS y el formato / etc.

También acojo con beneplácito los comentarios sobre el diseño - en desarrollo - beta.

La disposición:

http://www.lineleeder.com/bluesprings/layout.htm

El CSS:

http://www.lineleeder.com/bluesprings/styles/blueSprings.css

Este es mi primer intento real de uso pesado css. Ive sólo se utiliza para dar formato a ellos y esos vínculos en el pasado. CSS Zen Garden me inspiró a aprender...

Howm yo haciendo?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 2nd, 2004, 4:48 pm

  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Mar 24, 2004
  • Mensajes: 1855
  • Loc: Uk
  • Status: Offline

Nota Septiembre 3rd, 2004, 4:35 am

Wow, realmente alguien en busca de un código de revisión ;)

Bueno, todos los que buscan su mayoría buenas. Cruz navegador lo más que puedo decir en mi trabajo comp. Su smantics son buenos (p etiquetas, cabeceras, listas de enlaces, etc), por lo que todos se ve bien en navegadores de texto como así. No hay nada pegado a cabo sobre el archivo css, y parece hack-bastante libres, por lo bien hecho en que uno.

tener una mirada aquí . En general todo es limpio y ordenado, ~ 45% de texto es una bonita cifra. Y todas las cosas estructurales realmente se ve demasiado delgada, aunque le parece superfluo tener un div en un div en la parte inferior de la página y no puedo trabajar por qué.

Usted es el sufrimiento de la IE doble margen de error de tipo float cosa con los enlaces relacionados caja, que puede ser hackeado por lo que mostrar: inline;

Es posible que desee utilizar% los tamaños de fuente para la accesibilidad. La disposición parece funcionar bien en Firefox con un zoom de texto, de manera que usar% le permitirá trabajar IIN IE también.

Si va a estar utilizando las fronteras y el relleno (esp este último), entonces valdría la pena buscar en la caja de tantek Celic modelo hack, para mantener la compatibilidad con IE5.

Próximos pasos: perder la mesa y quizás tratar algunos xhtml

Nice work :)
CSS website design tutorials
  • lineleeder
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Ago 15, 2004
  • Mensajes: 27
  • Loc: Southern NH
  • Status: Offline

Nota Septiembre 3rd, 2004, 2:33 pm

Wow - gracias! Pocas preguntas desde Im realmente va a tratar de aprender de su respuesta ;) Usted parece saber tus cosas...

1. ¿Por qué% de accesibilidad?
2. pantalla: inline; - el uso que, además de mostrar: bloque;?
3. Me hable de xhtml - por favor?
4. Regading la "caja tantek Celic modelo hack" - debido a un post que leí en alguna parte he desarrollado un miedo de "hacks", ya que pueden presentar imprevistos transversal navegador problemas de compatibilidad. ¿Cómo se sabe cuando un hack que es bueno para el uso o cuando se acaba de "conductos cintas" el problema?
5. ¿Cuál es la diferencia entre ". CssStyle" y " #cssStyle "? es una preferencia? El tuts He sido de aprendizaje parecen variar en el formato que utilizan - razón?
6. Por favor, recomendar algunos recursos CSS si sabes alguna que te gusta.


Aprecio enormemente su tiempo - y gracias por darme con una idea inteligente.
  • MrSomeone
  • Novice
  • Novice
  • No Avatar
  • Registrado: Ago 30, 2004
  • Mensajes: 27
  • Loc: Brooklyn, New York
  • Status: Offline

Nota Septiembre 3rd, 2004, 2:49 pm

5. #ID es un selector de tiempo. es un selector de clase - Un ID sólo puede utilizarse una vez, mientras que una clase puede ser utilizado tanto como usted desee.
  • lineleeder
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Ago 15, 2004
  • Mensajes: 27
  • Loc: Southern NH
  • Status: Offline

Nota Septiembre 3rd, 2004, 7:51 pm

¿Quiere decir eso que si creo

. estilo

Puedo aplicarlo a cualquier cosa, mientras que si creo

#estilo que sólo se podrá aplicar a un determinado div?

Creo que tiene ese derecho...¿por qué, entonces, no me acaba de hacer a todos. s?

Lo siento si es un novato pregunta - Im piensa obtener una comprensión de css, pero los fundamentos no son obvias para mí aún...
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Ago 07, 2004
  • Mensajes: 1853
  • Status: Offline

Nota Septiembre 3rd, 2004, 7:57 pm

Ésta es la derecha. Y muchas personas _do_ utilizar todas las clases. ID principalmente tienen su uso como anclas para ir a enlaces de referencia y de javascript. Si le sucede que tiene un ID en un elemento (y sólo el plan de utilizar el estilo que una vez, por ejemplo, si el elemento fuera un menú de navegación, o un contenedor para el contenido textual de un documento), usted puede ser que así como mantenerlo como un ID atributo.

A veces me utilizar identificaciones sólo para estar linda con mi código, con arrogancia que implica (para que nadie pasa a ver) que soy seguro No voy a la necesidad estilo aplicado en ningún otro lugar. :)

Además, algunas personas afirman que el uso de id en sus selectores CSS hace que sea más fácil de leer.
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Mar 24, 2004
  • Mensajes: 1855
  • Loc: Uk
  • Status: Offline

Nota Septiembre 7th, 2004, 3:12 pm

Lo siento por mi tardanza, no he estado visitando estos foros mucho últimamente. Por lo tanto:
lineleeder escribió:
1. ¿Por qué% de accesibilidad?
Porque si usted utiliza px, entonces los usuarios de Internet Explorer no puede cambiar el tamaño de su texto. No todo el mundo tiene la vista perfecta, por lo que tienes que dejar que ellos puedan cambiar el tamaño de su texto, otra cosa que no puede leerlo

Quote:
4. Regading la "caja tantek Celic modelo hack" - debido a un post que leí en alguna parte he desarrollado un miedo de "hacks", ya que pueden presentar imprevistos transversal navegador problemas de compatibilidad. ¿Cómo se sabe cuando un hack que es bueno para el uso o cuando se acaba de "conductos cintas" el problema?
Bueno, también muchas personas dependen de hacks demasiado. El problema es que la mayoría de navegador hacks usar uno (normalmente una parsing) error a corregir un (por lo general el formato / muestra) error. El problema se produce cuando la próxima versión del navegador sale. Si los dos bugs todavía están presentes, entonces usted está bien. Si tanto se fijan a continuación, usted está bien, pero ¿qué pasa si sólo uno de los dos errores se fijan?

El tantek Celic cortar la OMI es seguro. IE 5 tiene errores, pero no tiene ni IE6. Yo considero seguro asumir que las futuras versiones de IE tendrá ni error. Por el momento este es el único navegador engañar hack que me complace sobre el uso.

Quote:
2. pantalla: inline; - el uso que, además de mostrar: bloque;?
Sólo mostrar: inline por su propia cuenta. Yup its a cortar y me gustaría evitarlo siempre que sea posible. Sin embargo, su relativamente seguro, lo peor que podría suceder es que las futuras versiones de IE puede mostrar que la forma en que muestra ahora en IE6 ;)

Quote:
3. Me hable de xhtml - por favor?
Si usted sabe html, tomar una media hora (esa es todo lo que le llevará) para que diga lo siguiente, como w3schools puede explicar mucho mejor que puedo:
http://www.w3schools.com/xhtml/default.asp

Quote:
5. ¿Cuál es la diferencia entre ". CssStyle" y " #cssStyle "? es una preferencia? El tuts He sido de aprendizaje parecen variar en el formato que utilizan - razón?
Sí, lo dijo Sam. Personal con, el uso de identificadores de mi estructural divs. Si tengo una columna de navegación y un contenido de la columna, las posibilidades no voy a múltiples casos nunca. Yo rara vez uso en todas las clases, y tienden a grupo de elementos mediante el DOM, hay un buen artículo de Eric Meyer sobre el tema. Malos cavar hacia fuera cuando tengo un momento.

Quote:
6. Por favor, recomendar algunos recursos CSS si sabes alguna que te gusta.

Mi página linky bits, su poco delgado por el momento (siempre me olvide de marcar cosas, así que tengo para buscar de nuevo más tarde lol), pero hay algunos sitios que figuran a mano:
http://www.caffeinefuelled.net/resources/

Estoy tratando de recopilar la mayor cantidad de información que tengo en mi sitio, aunque el mantenimiento se ha descuidado durante los últimos meses o así, por motivos personales.
CSS website design tutorials
  • Truce
  • Guru
  • Guru
  • No Avatar
  • Registrado: Abr 25, 2004
  • Mensajes: 1477
  • Loc: Washington DC
  • Status: Offline

Nota Septiembre 7th, 2004, 4:59 pm

Veo mucho de esto:
Código: [ Select ]
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
  1. font-family:Verdana, Arial, Helvetica, sans-serif;
  2. font-size: 14px;

Puede sustituirlo, y hacer que:
Código: [ Select ]
font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;
y usted obtendrá lo mismo. Lo mismo para un poco más abajo de la CSS cuando usted hace el font-weight: bold. Usted puede ponerlo en negrita, cambiando la 3 ª normal audaz, más audaz, más ligero, o un peso 100-900. I wouldnt utilizar la configuración 100-900 porque el equipo visitante debe tener ponderado de las fuentes disponibles.

Y en cuanto a un recurso CSS buena, me iría para "DHTML y CSS para la World Wide Web" por Jason Cranford Teague. En él se explica cada pedacito de la CSS en detalle y tiene una carta de referencia en la parte posterior que incluso te dice qué navegadores son compatibles con cada propiedad. 21,99 dólares es el precio de etiqueta!
  • tempodesign
  • Novice
  • Novice
  • No Avatar
  • Registrado: Sep 08, 2004
  • Mensajes: 19
  • Status: Offline

Nota Septiembre 8th, 2004, 5:57 am

así, los malos ser honestos de que su sitio me hizo una buena impresion.i no de acuerdo sobre todo de color negro, pero usted ha hecho un buen trabajo
buena suerte
Valentin
http://www.tempodesign.tk

Publicar Información

  • Total de mensajes en este tema: 9 mensajes
  • Moderador: Website Reviewers
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 27 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC