Cascading Style, od teraz, css

Pierwszą rzeczą jest mieć pomysł, jednak niejasno, że jest to styl i że będzie nam służyć w projektowaniu stron internetowych. Skopiowałem część artykułu, który pozwoli nam zorientować się nieznacznie, autor tego artykułu jest dyrektorem stronie desarroWeb.com

Weszliśmy na tle tej technologii, powody, które rozwinęły się kaskadowych arkuszy stylów oraz zadań, które mają do spełnienia. Język HTML jest ograniczony kiedy starasz się o formie dokumentów. To dlatego, że zostało zaprojektowane do innych zastosowań (głównie naukowcy), w przeciwieństwie prąd, dużo większe. Aby rozwiązać te problemy, projektanci używali technik, takich jak korzystanie z przejrzystych zdjęć do formatu tabel, korzystanie z etykiet, które nie są standardowe HTML i innych. Te "trapez" często przyczyną problemów na stronach podczas wyświetlania na różnych platformach. Ponadto, projektanci zostały udaremnione przez trudności, że nawet przy użyciu tych sztuczek, były w momencie układanie stron, ponieważ wielu z nich było maquetando stron na papierze, gdzie kontrola nad tym, jak dokument jest absolutna. Wreszcie kolejny precedens, który wymagał rozwój tej technologii jest to, że strony internetowe są mieszane w HTML treści dokumentu z niezbędnymi etykiet do kształtu. Ma to swoje wady, ponieważ czytanie Kod HTML lee ciężkie i trudne, gdy szuka błędów lub stron debugowania. Chociaż z punktu widzenia bogactwa informacji i użyteczności stron podczas przechowywania ich zawartość jest duży problem, że teksty te są mieszane z wbudowanych znaczników kształtować te: to obniża ich użyteczność. Miguel Ángel Álvarez Zgłoś Dyrektor DesarrolloWeb.com

Istnieje kilka sposobów, aby używać stylów i chociaż może nie wiedzieć, byliśmy

korzystania z nich przez jakiś czas, nawet tutaj, nie widziałem dawno temu, chcąc położyć

przewijania z konkretnych kolorów, np. w jaki sposób z nich korzystać. A także często spotykane w

zobaczyć kod źródłowy w mailu od OE.

de los documentos y que tiene este aspecto: Kod, który pojawia się w głowie dokumentów i że wygląda tak:

> <style> Etykieta z typem parametru = "text / css">

P

{

font-family: "Times New Roman", Times, serif;

font-size: 12px;

font-style: italic;

font-weight: bold;

text-transform: wykorzystać;

color: # CC3300;

}

Zamknięcie znacznika jak już wiemy:

</ Style>

P = pkt

Wśród klucz {}

instrukcje, które mają być stosowane do <p> etykiet

Oznacza to, że będziemy wstawiać tekst w dokumencie pisał:

To jest przykładem stylu, to jest przykładem stylu,

To jest przykładem stylu, to jest przykładem stylu,

To jest przykładem stylu, to jest przykładem stylu,

To jest przykładem stylu, to jest przykładem stylu,

: Wybór tekstu, przejdź do Inspektora właściwości i sformatować:

przekonwertować cały tekst w akapicie. Automatycznie, styl zostanie zastosowany do tekstu jest następująca:

Aby oglądać jego działanie, to najlepiej, że należy otworzyć całkowicie nowy dokument, nie szablon lub cokolwiek, puste sumie bilansowej. Lepiej nawet nie skupiać ... i wprowadź tekst. : Pobierz styl, który umieściłem powyżej i wklej w kodzie źródłowym:

Powiększ

i zamienić tekst w ust. Możesz zobaczyć wynik, jak wskazano w dniu połowu. : Możesz sprawdzić kod się zmienia kolory, rozmiar czcionki:

Kolor jest teraz # 00A000 i 20px rozmiar (zawsze położyć px lub pt, Px = pikseli, pt = punkty)

Pozwoliłoby to na stworzenie różnych stylów i będziemy stosować ręcznie. Ale sen jest bardziej wygodny sposób to zrobić.

etc.. ) insertamos un texto cualquiera: Otwórz nowy dokument zupełnie pusty (lub wyczyścić go raz wyżej) i starając się nie włożyć dowolną etykietę (pamiętaj, <div> <span> itd. ..) włożyć jakiś tekst:

Z menu głównego, przejdź do okna / Style CSS:

W prawej kolumnie otwiera nowe okno, że jeśli będziemy pracować nad dokumentem, który jeszcze nie związane arkusz stylów wygląda następująco:

Kliknij ikonę Nowy, aby utworzyć styl:

I otwiera nowe okno, które początkowo może podjąć domyślnych i innych opcji oznaczonych i mamy zamiar to zmienić:

Stworzymy w tym samym stylu co widzieliśmy już wcześniej:

I akceptujemy. que esta exactamente igual que el que habíamos puesto manualmente. Jeśli, jak powiedziałem, mamy tekst w znaczniku akapitu, i mogą być stosowane automatycznie sprawdzić kod źródłowy jest dokładnie jak ten stawiamy ręcznie.

, pero todas quedaría igual, es decir, todos los párrafos serian igual, si lo aplicásemos a <td> todas las celdas tendrían el mismo color de fondo , si lo habíamos puesto, mismo color de texto …etc, etc. Możemy tworzyć style dla wszystkich znaczników, ale wszystkie są takie same, tzn. wszystkie paragrafy chciałby, jeśli zastosujemy do <td> wszystkie komórki mają taki sam kolor tła, jeśli zaszło, sam tekst kolor ... itp. itd.. Bylibyśmy potępiając etykiet.

, que quizás si queramos hacerlo, pero si es para una misma pagina, seguro que habrá muchos que serán básicos y ya los tendríamos en el primero y no habría necesidad de volver a crearlos. Również w ten sposób, mają zastosowanie tylko do dokumentu tworzymy w czasie, więc w następnym, będziemy tworzyć inne kolory, być może, jeśli chcemy, ale jeśli na tej samej stronie, na pewno jest ich wiele za podstawowy i będzie w pierwszy i nie trzeba odtworzyć je.

Więc jeśli jest stosowany automatycznie, a my zapisać świetną robotę w końcu będziemy bardzo opłacalne

Dlatego będziemy kontynuować w następnym tutorialu i kształtu ostatecznego, który widzimy zastosowanie do całego personelu strony sieci Web lub innego dokumentu, który jest nam potrzebna.