Llevándonos al siguiente nivel con CSS 3

" CSS 3 no es nuevo, y no se trata solo de esquinas redondeadas implementadas alrededor de la propiedad border-radius. Está ahí pacientemente, listo para su debut, bebiendo café y esperando a que los navegadores desplieguen la alfombra roja. Mire, el navegador necesita para ponerse al día..."

– Este artículo desea registrar la obra maestra del segundo trimestre de 2009 de ISD WEBTEAM: Manual de referencia de CSS 3.0 (versión china)

fondo

Los materiales de referencia CSS2.0 representados por el "Manual chino de hojas de estilo" de Su Yu han acompañado a muchos diseñadores web nacionales durante casi 10 años. Este impacto es de gran alcance, pero con el desarrollo continuo de la tecnología CSS, los diseñadores están influenciados principalmente por los materiales tradicionales. no pueden trascender las vallas existentes, lo que supone una pesada carga para ellos mismos. ¿Has notado que CSS 3 está ganando impulso? ¿Estás ansioso por empezar a usarlos pero no sabes por dónde empezar? Justo cuando las nuevas características de CSS 3 eran muy esperadas, surgió nuestro Manual de referencia chino de CSS3.0...

¿Qué es CSS 3?

CSS es la abreviatura de Hoja de estilo en cascada. Traducido como "hojas de estilo en cascada". Es un lenguaje de marcado utilizado para el control (mejorado) sobre los estilos de páginas web y permite la separación de la información de estilo del contenido de la página web.
CSS3.0 representa la próxima versión de CSS y 3.0 es el número de versión.

¿Qué sorpresas nos trae CSS 3?

CSS3.0 no solo es una tecnología novedosa para nosotros, los diseñadores web, sino que, lo que es más importante, estos nuevos conceptos de aplicaciones web nos brindan posibilidades de diseño más ilimitadas y también mejoran en gran medida nuestra eficiencia de desarrollo. Ya no tendremos que depender de imágenes o Javascript para completar esquinas redondeadas, múltiples fondos, fuentes definidas por el usuario, animaciones 3D, degradados, sombras de cuadros, sombras de texto, transparencias y otras aplicaciones destacadas que mejoran la calidad del diseño web. La aparición de CSS 3.0 simplifica el código, hace que la estructura de la página sea más razonable y se tienen en cuenta tanto el rendimiento como el efecto.

Instrucciones de uso

• Este manual está destinado a reconstructores de páginas web o ingenieros de desarrollo front-end.
• Este manual está traducido según el borrador de trabajo del W3C y existen ciertas incertidumbres. El derecho de interpretación final pertenece a ISD WEBTEAM.
• El diseño de este manual hace referencia a la Vista previa de CSS de css3.info, que divide las propiedades de CSS 3 en nueve categorías: borde, fondo, color, texto, interfaz de usuario, modelo de caja básico, contenido, otros módulos y selectores avanzados.
• La lista de compatibilidad proporciona temporalmente compatibilidad de navegador oficial para Internet Explorer, Firefox, Opera, Safari y Chrome.
• En la lista de atributos privados, los navegadores que usan el motor Gecko incluyen Firefox, y los atributos privados que comienzan con -moz-; los navegadores que usan el motor webkit incluyen Safari y Chrome, comenzando con -webkit- los navegadores que usan el motor Presto incluyen Opera, comenzando con -o- Inicie, al igual que Internet Explorer, comience con -ms-, actualmente solo IE8 admite el prefijo -ms-.
• Los ejemplos producidos para cada atributo, excepto el ejemplo de @font face tomado de Microsoft debido a los derechos de autor de la fuente, son todos producidos por miembros del equipo basándose en su propia experiencia. Debido a las limitaciones de extensión del manual, algunos ejemplos pueden ser difíciles de entender. Los discutiremos en el futuro. Algunos ejemplos se analizan en detalle en artículos separados.
• Herencia, dado que el borrador de trabajo del W3C no tiene una explicación clara de la herencia, no hay ninguna prueba sobre la herencia en este tema y aún no tiene un valor de referencia.
• Si el archivo CHM descargado no se puede abrir, puede intentar hacer clic derecho en el archivo CHM y luego "Desbloquear" en "Propiedades".
• Este manual es principalmente para comunicación. Está limitado por limitaciones de tiempo y es un trabajo nocturno para aficionados. Los errores y omisiones son inevitables. Espero que me den su opinión durante su uso. Continuaremos mejorando y actualizando este manual. Aquí se proporciona la versión V1 del manual, que se actualiza periódicamente mensualmente.

Fuente: Equipo web de Tencent