Zagnieżdżanie CSS było zawsze prostokątne. Wszelkie pływające linie należą do kompetencji programisty. Reguły stylu zapewniają wystarczającą liczbę odmian, aby nadać stronie gładkie kształty w rozdzielczości ekranu. Ale każdy element układu jest zawsze prostokątem, w którym układ informacji jest regulowany regułami CSS.
Odstępstwa ze wszystkich stron są ważne dla każdego elementu strony, gdy jest on całkowicie umieszczony, a wcięcie CSS od góry jest określone w szczególności dlatego, że ma znaczenie dla różnych elementów, zwłaszcza małych.
Podstawowe zasady pozycjonowania
Element blokowy ma zasadę odwrotu od boków elementu marginesu, regułę wcięcia dla elementów znajdujących się w środku (wypełnienie) i szerokość obramowania, który również może być użyty. Szczególnie ważne jest wycofanie się z góry. CSS wewnątrz bloku wiąże reguły wcięcia reguł do absolutnie i względnie pozycjonowanych elementów wewnątrz tego bloku.
Zwykła zasada CSS: Możesz określić wcięcia ze wszystkich stron w ten sam sposób, pary powyżej /poniżej i prawo /lewo lub dla każdej strony osobno. Na przykład
marża: 10 pikseli;
wypełnienie: 10px20px;
dopełnienie: 10px20px30px40px.
W pierwszym przypadku element jest ponawiany z boków zewnętrznego pojemnika, w którym się znajduje. W drugim przypadku wcięcie od góry i od dołu wynosi 10 pikseli, w lewo i w prawo 20 pikseli. W trzecim przypadku rozmiary wcięć są wskazane ze wszystkich stron: z góry, z prawej, z dołu iz lewej strony. We wszystkich tychprzypadki, wcięcie CSS najwyższego poziomu to 10 pikseli.
Reguły, które zmieniają położenie elementów
Jeśli element układu nie jest pozycją bezwzględną, znajduje się w ogólnej kolejności tworzenia strony.
Jeśli zdefiniujesz wcięcie CSS z elementu scCurrInfo, cel zostanie osiągnięty, a jeśli jest na poziomie li - no.
W tym przykładzie użycie zasady dopełnienia: 40px; wymaga odpowiedniego zmniejszenia zasad szerokości i wysokości o 80 pikseli. W przeciwnym razie rozmiar bloku scCurrInfo wzniesie się poza obrębem bloku.
Jeśli usuniemy regułę wypełnienia z opisu scCurrInfo, ale dodamy ją z wartością 20 pikseli w opisie stylu elementu listy, otrzymamy tylko wcięcie od góry. CSS nie użyje tej wartości dla innych stron. Naturalnie, takie użycie zasady odwrotu odnosi się do każdego elementu li.
Ogólna praktyka formatowania treści
Niektórzy programiści osiągają doskonałość poprzez zamianę stron na elementy blokowe. Podobno jest to klasyczna praktyka - zacznij od tabel i zakończ swój własny proces edukacyjny na blokach.
Wolność związana z układem bloków jest fascynująca, a wyobraźnia twórcy nie musi być ograniczona do ścisłych reguł tabelarycznych: tylko wiersze, tylko komórki, łączą się tylko w poziomie i pionie. Nic nieodłącznego w relacyjnych ideach. Tymczasem w tabeli, oprócz oczywistych niedociągnięć, istnieje wiele zalet jakościowych. Podczas tworzenia wcięć z góry CSS uwzględnia wcięcia w lewo, w prawo (poniżej jest szczególny moment). Reguły komórek tabeli pozwalają kontrolować wyrównanie zarówno w pionie, jak iw poziomie.Używając stylów wierszy, łącząc je ze stylami komórek, można tworzyć złożone prezentacje treści. Zwykła prezentacja strony w postaci prostokątów (układ brył) nie uniemożliwia jej prezentacji jako tabeli. Są to również prostokąty, ale są komórkami stołu, to znaczy mają własne reguły, które uzupełniają reguły bloków.
Bezwzględne pozycjonowanie
Blok z regułą POŁOŻENIE: bezwzględne; będzie w lokalizacji ustalonej na podstawie jej współrzędnych w stosunku do bloku, w którym się znajduje.
Cechą charakterystyczną zasad CSS jest "praktyka - najlepszy test prawdy" w większości przypadków, szczególnie gdy przeglądanie jest wymagane, a układ jest wykonywany ręcznie, głównie badanie pełnej instrukcji z kaskadowymi arkuszami stylów. Korzystanie z tabel często prowadzi do problemu z przesunięciem zawartości komórek. Podobna stronniczość wewnątrz bloku nie zawsze i nie wszystkie elementy. Eksperymentując, możesz osiągnąć pożądany rezultat. Zwykłe zadanie: jak usunąć wcięcie z góry, CSS nie zawsze rozwiązuje się w trywialny sposób. W niektórych przypadkach, gdy musisz obrabiać elementy strony w głębi jakiejś popularnej strony systemu zarządzania treścią, musisz zwrócić uwagę nie tylko na eksperymentalną praktykę, ale także na doświadczenie kolegów.
