Float Over Help w HTML

Tworząc strony WWW dla swojej firmy za pomocą prostego kodu HTML i CSS, możesz używać CSS do stylizowania i formatowania określonych "podziałów" w treści - zdefiniowanych w kodzie HTML - co pozwala na formatowanie tekstu i obrazów w taki sposób że "zawijają się" lub są ze sobą zgodne. Innymi słowy, fragmenty treści można dostosować do innych sekcji, ułożonych w taki sposób, aby obrazy i tekst mogły być ze sobą połączone jako kolumny, siatki lub inne określone wyrównanie.

HTML i CSS

Podczas gdy HTML przedstawia meta-język, który definiuje, w jaki sposób strona internetowa będzie wyglądać w przeglądarce internetowej, realna moc projektowania stron internetowych pojawia się po połączeniu HTML z Cascading Style Sheets. CSS definiuje zachowania dla elementów osadzonych w plikach HTML, tworząc uniwersalny układ strony. Wiele dokumentów HTML może odwoływać się do tej samej strony CSS, co oznacza, że ​​możesz wymusić regularne pojawianie się na wszystkich swoich stronach.

Podziały HTML i zmienne

CSS działa z kodem HTML, definiując zachowanie tagów HTML. W szczególności CSS korzysta z tagów "". Te znaczniki podziału otaczają część dokumentu i identyfikują go jako dyskretną jednostkę informacji, która powinna mieć ten sam styl w całym tekście. Dywizje te funkcjonują również jako "skrzynki", ponieważ poprzez CSS możesz mieć sekcje zawartości zmieniające kolor, zmieniające rozmiar lub "unoszące się" na określoną granicę strony, aby zmiana rozmiaru strony nie zepsuła układu.

Pływające w CSS i HTML

Aby użyć atrybutu "float", możesz utworzyć podział w treści lub odnieść się do obrazu. W dokumencie CSS odwołujesz się do tego elementu div lub obrazu po nazwie i nadajesz mu atrybut float. Poniższy przykład kodu pokazuje, jak to zrobić z wewnętrznym arkuszem stylów. Zauważ, że podział w kodzie HTML o nazwie "section1" ma szerokość 100 pikseli. Wszystkie działy korzystające z float wymagają określonej szerokości. Obrazy mają już domyślną szerokość:

Wyczyść, marginesy i dopełnienie

Wraz z podstawami używania atrybutu float można również stosować inne elementy, takie jak atrybuty clear, margin i padding. Atrybut clear zapewnia, że ​​żadna inna treść nie pojawia się w tym samym wierszu, co element pływający. Marginesy kontrolują przestrzeń wokół lewej i dolnej przestrzeni podziału. Wypełnienie kontroluje przestrzeń wewnętrzną w podziale między zawartością a granicami podziału. Te trzy elementy razem mogą tworzyć czyste, "w kształcie pudełka" podziały, które pozwalają lub nie pozwalają na otaczanie nimi tekstu i innego obrazu.