En primer lugar, quiero decir que no estoy en contra de la cuadrícula en el diseño, sino en la reconstrucción. Esto debería referirse específicamente al método YUI de cuadrícula de enlace de nombres de clase. Puedes echar un vistazo al siguiente fragmento de código:
Código fuente de ejemplo
[www.downcodes.com] <div id="yui-principal">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u primero"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
Puedes ver claramente que el nombre yui-u o yui-g aquí no tiene sentido. También hay novedades relacionadas con el rendimiento. No sé si hay una frase en el PPT que acompaña al libro "Reconstrucción de sitios web" que todos han leído: "Después de eliminar las etiquetas de apariencia de la página, rediseñar el sitio y el contenido existentes ahorrará mucho trabajo (en el Al mismo tiempo, es mucho más económico). Si desea cambiar la salida del sitio, solo necesita cambiar la hoja de estilo sin cambiar la página en sí. "El código como el anterior no puede lograr la separación de estructura, rendimiento y y el comportamiento. Los cambios causarán los siguientes problemas:
Al cambiar el rendimiento, se debe mover el HTML. Una modificación hermosa requiere mover tres líneas de trabajo, lo que consume muchos recursos humanos.
Aparecerá el quinto cuadro llamado "primero".
Aparecerá un cuadro llamado "180 de ancho" que en realidad tiene 240 de ancho.
Habrá un diseño llamado "cuatro columnas" que en realidad consta de tres columnas.
Habrá una palabra llamada "azul" que en realidad es roja.
Estos son equivalentes a "left_box" y "right_box" que ahora son populares entre muchas personas. Después de una revisión rápida, se convirtieron en el "right_box" de la izquierda. ¿No equivale esto a distorsionar la verdad? Pero en realidad lo más importante es el primer punto. ¿Es esta forma de trabajar diferente de nuestra forma anterior de trabajar con el diseño de la mesa? Si solicita un cambio de estilo, toda la empresa (diseño, página, desarrollo, pruebas funcionales, monitoreo de datos CE) lo seguirá. Esto es muy imprudente.
Después de escribir esto, miré hacia atrás y cambié el título para convertirlo en el segundo artículo sobre CSS en la serie "Esto será una revolución". Si lo anterior es incorrecto, permítame mostrarle un fragmento de código de una nueva versión de un proyecto que acabo de asumir recientemente:
Código fuente de ejemplo
[www.downcodes.com] <div id="index_news" class="modo">
<h3 class="title">Noticias de bienestar público</h3>
<div clase="contenido">
<ul>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
<li><a href="#">Título de la noticia, título de la noticia, título de la noticia, título de la noticia</a></li>
</ul>
</div>
<a class="more" href="#">Más</a> </div>
Código fuente de ejemplo
[www.downcodes.com] .modo{
posición: relativa;
flotador: izquierda;
tamaño de fuente: 12px;
}
.modo h3.título,
.modo h4.título{
color:#234C00;
relleno: 5px 10px;
tamaño de fuente: 14px;
}
.modo .más{
arriba: 5px;
derecha: 10px;
tamaño de fuente: 12px;
color:#4282ab;
posición:absoluta;
}
.modo .contenido{
claro: ambos;
}
.modo .content:después {
contenido:"";
mostrar:bloquear;
altura: 0;
altura de línea: 0;
claro: ambos;
visibilidad: oculta;
}
#index_news.modo,
#index_bbs.modo,
#index_area.modo{
fondo:url(small_gray_grid.png) repetir-y -400px abajo;
ancho: 200 px;
margen:5px 0 5px 5px;
}
#index_news.mode h3.título,
#index_bbs.modo h3.título{
fondo:url(small_gray_grid.png) sin repetición -200px arriba;
}
#index_news.mode .contenido,
#index_bbs.modo .contenido,
#index_area.mode .content{
fondo:url(small_gray_grid.png) sin repetición -600px abajo;
pantalla: tabla;
}
Puedes ver las ventajas del pensamiento modular:
Los módulos existentes se pueden utilizar de forma semiautomática para ahorrar tiempo y esfuerzo en el desarrollo del código.
Puede adaptarse con gran libertad a las diferentes necesidades anormales de cualquier gerente de producto y de cualquier jefe.
Cualquier cambio en el rendimiento anterior no requiere la participación de los desarrolladores y no se requieren pruebas funcionales.
El monitoreo de datos CE está vinculado al ID y no es necesario reajustar la interfaz.
Cada persona es responsable del rápido desarrollo iterativo de un único módulo.
También en lo que al código se refiere. El título es el título y el contenido es el contenido; nunca distorsionarás los hechos ni te abofetearás.
Tengo una peculiaridad. Me encanta que durante las entrevistas siempre pruebo primero el XHTML del entrevistador. Al igual que cuando un maestro reclutaba a un aprendiz en el pasado, la habilidad y la inteligencia eran secundarias y el carácter era la primera prioridad.
Creo que XHTML es como la esencia de una persona, CSS es como la forma y la actitud de una persona para hacer las cosas, y JS es como el comportamiento y el estilo de una persona para hacer las cosas. La separación de los tres más algo de SEO y interacción humano-computadora es lo que llamamos reconstrucción de sitios web, que es una muy buena persona. En el pasado, algunas personas siempre pensaban que CSS era el elemento más importante del sitio web. De hecho, representa naturalmente una perspectiva de la vida. De hecho, es difícil para una persona sobrevivir en la sociedad actual sin una buena forma y actitud de hacer las cosas, pero si la forma y la actitud de hacer las cosas son demasiado enfocadas, se convertirá en una persona que sabe engañar y hace las cosas sin escrúpulos; .
Esto es lo que siempre quise decir. Con CSS, puedes cambiar el orden de izquierda a derecha por el de derecha a izquierda. Es un mago en la página web. No puedes abusar de él para convertirte en una persona buena engañando y haciendo las cosas sin escrúpulos.
