DAVID Malan: Així que he estat treballant en aquest motor de cerca que són aquestes. Em sembla que tenen un títol anomenat CS50 Cercar, per sota del qual és un formulari HTML, dins dels quals és una entrada la Tipus és text i una altra entrada el tipus és presentar. Fem una ullada a la subjacent codi font d'aquesta pàgina. 

Aquí, a la recerca-2.html, observi que de fet tenir un títol en la forma de l' cap, així com en el cos amb una etiqueta h1 voltant. Tinc un formulari HTML, i llavors aquestes dues entrades. Però notin, en particular en el cos etiqueta, que he declarat un estil atribut el valor és text-align: centre;, especificant d'aquesta manera que tots text en aquesta pàgina ha de ser alineada al centre. 

Ara bé, això funciona perfectament bé, però és una mica descuidat. Realment no es pot dir a la major quantitat perquè aquesta pàgina és bastant petita al moment. Però imagini si aquesta pàgina té més i més temps i més llarg i complex. 

Observeu que el patró que he adoptat aquí és barrejar la meva estètica amb l'estructura de la pàgina mitjançant l'atribut d'estil. Llarga història curta, això no és la millor disseny, sens dubte com creixen les seves pàgines més complex. Millor disseny seria objecte d'eliminar que l'estilització i posar-lo en algun lloc central, per exemple, no en un estil atribuir però en una etiqueta d'estil, específicament una etiqueta d'estil a l'interior d'etiqueta del cap de la meva pàgina. Farem exactament això. 

En primer lloc anirem aquí i eliminar atribut d'aquest estil per complet. Llavors còpia de seguretat al cap de la meva pàgina, anem a declarar una etiqueta d'estil i tancar-la en Al mateix temps, així que no ho fan oblidi després. I després anem a especificar que el cos d'aquesta pàgina ha de tenir un CSS propietat text-align és el centre. Ara anem a guardar aquesta pàgina, torneu a carregar el navegador, i veure el que l'efecte és. 

Recarregar al navegador - cap efecte en absolut. Però cap efecte es pretenia. Simplement estem millorant El disseny d'aquesta pàgina.