¿Cuál es un ejemplo de CSS que funcionará en la mayoría de los entornos?

Como dijo Brad, es una cuestión de lo último y lo mejor de CSS3 que no es compatible con todos los navegadores (los dispositivos tienen poco peso). Mantenerse alejado de estas características CSS3 le asegurará que está jugando bien con los navegadores más antiguos.

Pero, en esencia, ¿dónde estaríamos si aún desarrollamos para IE6? Mi consejo es que compruebe sus análisis para saber qué navegadores se utilizan más en su sitio y desarrolle para ellos inicialmente. Incluso si IE6 es el navegador principal (espero que no sea así) los usuarios están navegando en su sitio, trate de alejarlos a cosas más nuevas y mejores. HTML5Boilerplate tiene algunas advertencias ingeniosas para estos usuarios.

Además, use Modernizr para detectar qué características admite el navegador del usuario. Desarrolle para los mejores navegadores y proporcione un respaldo para los navegadores más antiguos.

Related Content

¿Cómo iniciar un negocio de recarga de recarga móvil? Qué se necesita

¿Cuál se usa más para DevOps: Ruby o Python?

Cómo escribir un código limpio como desarrollador front-end

En Node.js, ¿por qué un script puede actualizar process.env? ¿Hay algún caso de uso práctico para eso?

¿Cuál es la mejor aplicación de reemplazo de iWeb?

CSS se admite de manera diferente en todos los navegadores, no necesariamente en dispositivos. Los navegadores WebKit (Chrome y Safari) admiten la mayoría de las propiedades CSS, con Firefox y Opera muy cerca, e Internet Explorer en la parte trasera (IE10 es una gran mejora en las versiones anteriores de IE). Puede solucionar algunos problemas de soporte del navegador con extensiones específicas del navegador como -webkit-, -moz-, -o- y -ms-.

Si está buscando CSS que sea estándar en todos los navegadores, trate de mantenerse alejado de las últimas innovaciones de CSS3 como transformaciones, transiciones y más.

Puede verificar la compatibilidad del navegador en la Referencia CSS de W3School

Raghav

Para que sea compatible en diferentes dispositivos, debe tener un marco receptivo. Una que puedo sugerir es Bootstrap.

Raghav

Aquí hay un ejemplo simple de CSS y HTML que funcionará en TODOS los entornos:

CSS:
fuerte {color: rojo; }

HTML:
Esto será rojo

Raghav

More Interesting

Cómo crear mi propio sitio web de mapas (como Google Maps, pero tal vez solo para una ciudad o algo así)

¿Existe una alternativa de BitBucket donde los creadores del código puedan compartir su repositorio con otros desarrolladores y les permita editar / agregar código, pero no copiar / pegar el actual?

¿Por qué debería aprender Ruby on Rails en lugar de Django o Laravel? Por qué no?

¿Por qué Google quiere acelerar la web con iniciativas como Fiber to Home y Blink?

¿Qué cosas puedo mejorar en esta página de inicio?

¿Cuáles son las ventajas de codificar su propio sitio web desde cero en lugar de utilizar un creador de sitios web como Wix o WordPress?

¿No está satisfecho con sus actuales diseñadores y programadores web?

¿Son Python y Ruby mejores que Java en términos de memoria? ¿Si es así, cómo?

Cómo convertirse en un desarrollador front-end independiente

¿Cuáles son buenos talleres de diseño web / móvil UX / UI y desarrollo de juegos web / móvil para principiantes completos?

¿Qué debo hacer con mis habilidades de HTML y CSS?

¿Qué recursos puedo usar para diseñar páginas web correctamente?

¿Qué habilidades debo aprender para convertirme en un buen desarrollador front-end?

¿Cuáles son los mejores tutoriales de YouTube JavaScript desde principiante hasta nivel de dominio?

¿Debo usar Bootstrap 3 o 4?