Soy nuevo en el mundo de la codificación, XHTML, CSS y PHP. He encontrado numerosos tutoriales sobre el posicionamiento, es decir, relativos, absolutos y fijos; sin embargo, no tengo idea de cuándo debo usarlos o cuándo es el mejor para usarlos. Agradecería algunos ejemplos.Cuándo usar el posicionamiento de CSS?
Respuesta
ALA tiene un nice tutorial (hay muchos ejemplos) El posicionamiento CSS puede ser especialmente útil cuando necesita colocar algo que no se puede colocar dentro del flujo normal.
Para entender el posicionamiento de CSS, lo que necesitas para familiarizarse con el "CSS BOX Modelo de"
hay un montón de tutoriales en línea. Éstos son algunos buenos con ejemplos para principiantes:
http://www.brainjar.com/css/positioning/default.asp
Gracias. He leído sobre CSS Box Models, pero ninguno de ellos explica CUÁNDO debo usar decir relativo, relativo y absoluto y fijo. Sé que hay una respuesta que se aplica a todas las situaciones, pero sería bueno tener una idea. – PeanutsMonkey
dos que utilizo con frecuencia son:
relativa posicionamiento: le ayuda a elementos de estilo relativo a otros elementos. P.ej. desea mover una entrada a la derecha relativa al div que está adentro.
Posicionamiento fijo: ideal para cosas como Refrescar sugerencias que se 'arreglan' para que lo sigan a donde sea que se desplace.
Lo mejor es jugar con ellos y comprobarlo por ti mismo.
Cuando dice 'relativos el uno al otro', ¿qué significa esto exactamente, p. Supongo que tengo mi elemento de logotipo a la izquierda y me gustaría que mi navegación parezca estar a la derecha, ¿significaría que me gustaría ubicarla relativamente a mi derecha? He visto ejemplos de uso relativo junto con absoluto, pero de nuevo, no estoy muy claro. De lo que me han dicho en numerosas ocasiones ahora es alejarse de las escuelas W3 ya que no se adhieren a las normas ... – PeanutsMonkey
Hmmm. Parece que hay críticas de las Escuelas W3. Me gusta utilizarlo cuando hago referencia a cosas simples, pero tal vez no sean las mejores.En su pregunta de posicionamiento relativo, tiene razón en que está posicionando el derecho de navegación relativo al logotipo de su izquierda. Nunca he usado absoluto, así que no sé si se puede usar. – ksindi
Para usar CSS para el diseño de manera efectiva, ayuda a saber cómo se usa para posicionar el contenido de la página. Este artículo ofrece una descripción general de los métodos y las reglas que rigen la representación visual en la especificación CSS2. También señala algunas cosas para tener en cuenta.
- 1. Cuándo usar el signo CSS +
- 2. css cursor url posicionamiento
- 3. CSS posicionamiento divs
- 4. Clip CSS y Posicionamiento absoluto
- 5. CSS - ¿Posicionamiento absoluto o flotación?
- 6. CSS con problema de posicionamiento relativo negativo
- 7. Semántica formal del posicionamiento de caja CSS
- 8. transiciones CSS mezcla posicionamiento absoluto y relativo
- 9. necesita ayuda CSS centrado con posicionamiento absoluto
- 10. Posicionamiento CSS Sobre todos los elementos
- 11. CSS: display: inline-block y posicionamiento: absoluta
- 12. CSS: posicionamiento absoluto en diferentes navegadores
- 13. ¿Cómo explicarías el posicionamiento CSS a un ser humano?
- 14. Rotación CSS & IE: el posicionamiento absoluto parece romper IE
- 15. ¿Cuándo usar el cierre?
- 16. ¿Cuándo usar el rendimiento?
- 17. Traducción de CSS versus cambio de valores de posicionamiento absoluto
- 18. Pregunta de posicionamiento CSS - Tablas vs. Absoluto vs. DL
- 19. Cuándo usar el sistema() y cuándo usar execv *()?
- 20. Cuándo usar Class.isInstance() y cuándo usar el operador instanceof?
- 21. Cuándo deberíamos usar mutex y cuándo deberíamos usar el semáforo
- 22. Cuándo usar Ruby vs Cuándo usar PHP
- 23. Cuándo usar undef_method, y cuándo usar remove_method?
- 24. Rendimiento absoluto de posicionamiento
- 25. Hacer zoom en Chrome causa problemas de posicionamiento de CSS
- 26. Cuándo usar Pepino y cuándo usar RSpec?
- 27. cuándo usar Tarea y cuándo usar Subproceso?
- 28. Cuándo usar categorías y cuándo usar subclases?
- 29. Cuándo usar GWT y cuándo no
- 30. CSS: posicionamiento absoluto de un botón en Firefox
Thanks. Cuando dices 'no se puede posicionar dentro del flujo normal', ¿qué se considera' flujo normal'? – PeanutsMonkey
http://www.w3.org/TR/CSS2/visuren.html#normal-flow, así es básicamente cómo los elementos html se apilan entre sí de manera predeterminada ... Ir al enlace que proporcioné y leer con cuidado .. (Me refería especialmente a ALA) – DrStrangeLove
Gracias. He leído el artículo en ALA y sin dudas fue perspicaz, aunque no siguió el esquema establecido por W3, especialmente sobre "no simultáneamente". – PeanutsMonkey