Probleme mit dem Layout. Sehr gute Insights_CSS/HTML

Vorwort
Bevor die nächste Generation der WEB-Entwicklungstechnologie (RIA-Technologie) ausgereift ist, müssen wir natürlich noch gegen HTML kämpfen. Vor einiger Zeit war „Website Refactoring“ sehr beliebt
Das sind alles Fortschritte und geben uns tatsächlich neue Ideen. Hier finden Sie eine Zusammenfassung einiger Erfahrungen in der Entwicklung.

Layout
1. Layout oben, unten, links und rechts
Ich habe gerade angefangen, das Erstellen von Seiten zu lernen, die visuell ist, damit mehr Leute lernen können, Web zu erstellen Seiten.
Ich erinnere mich noch daran, dass ich DW verwendet habe, als ich Seiten erstellt habe. Ein Freund hat mich einmal denselben Satz gefragt: „Was ist der Unterschied zwischen der Erstellung von Webseiten mit mehr Formularen oder der Verwendung von mehr Ebenen?“
Ich sagte ihm, dass wir tatsächlich Layout-Layout-Tabelle in DW verwenden, um schnell den Rahmen der gesamten Seite zu zeichnen und ihn dann Schritt für Schritt zu verfeinern. Das Erstellen einer Seite ist sehr schnell. Es wird empfohlen, Tabellen zu verwenden. Es ist schwierig, die Position mithilfe von Ebenen zu steuern.
Wenn ich jetzt darüber nachdenke, ist es wirklich etwas irreführend. Ha, aber vielleicht erfordert Fortschritt einen Prozess.

„Website-Rekonstruktion“ Der Frühlingswind weht und die Verwendung von Ebenen für das Seitenlayout hat unserer Entwicklung tatsächlich neue Ideen gebracht.
Vorteile:
Die Seite ist übersichtlicher und die Codemenge wird reduziert.
CSS wird häufiger verwendet.

Obere und untere Zeilen, klare Schichtung, Code-Demo:

Sie können die absolute Positionierung
#head{
position:absolute
top;10px
left:200px; 🎜> }

Verwenden Sie Polsterung, um die Trennung zwischen Ebenen zu steuern

5. Mit CSS können Sie weniger Bilder verwenden

Seitenlayout-Demo (der Quellcode kann angezeigt werden, er ist viel klarer als das vorherige TABLE-Layout) ：

http://davidblog.blogdriver.com/ davidblog/inc/demo_div.jpg

Formular
1. Der Rand und der Abstand des Formulars

In der Vergangenheit hatte ich beim Einfügen eines Formulars in die Seite immer das Gefühl, dass Rand und Abstand nicht 0 sind standardmäßig, was sich manchmal auf das Layout der Seite auswirkt
Sie können es auf 0
form{
margin:0 0 0 0px;

padding:0 0 0 0px; 🎜> }
Sie können auch p-Tags oder andere Tags definieren

2. Wählen Sie
optgroup application

3 🎜>Heute


4. Schaltfläche
Das vorherige Projekt verwendete eine Bildschaltfläche. Entdecken Sie nach und nach Fehler in der Anwendung.
Es wird empfohlen, CSS zum Verschönern zu verwenden.
Tatsächlich kann CSS schönere Schaltflächen erreichen


Tabelle
Sie müssen immer noch die Tabelle verwenden. Der Tisch hat immer seine Gewinnerseite.
Zum Beispiel ist die Struktur einiger Daten relativ einheitlich und in Zeilen und Spalten unterteilt.
Tabellenbezogene Fähigkeiten




Anwendung von CSS-Ausdrücke CSS-Anwendungen können das Schreiben von Code reduzieren1. Tabellenmausereignisse

2.
width:expression{document.body.clientWidth


Bemerkenswerte Markierungen


Menü 1

Menü 2

• Gesundheitsinformationen:
  
  Größe
  Gewicht
  
  

  
  hochgestellt