Będziemy tworzyć i zdefiniować styl odpowiednie do pracy chcemy zrobić.

Widzieliśmy poprzednie tutoriale, jak zastosować styl do niektórych znaków domyślne i stosują się do tych samych etykiet. Zrobiliśmy to z linków i tekstu, ale można z nimi zrobić wszystko, ale oczywiście, zobaczyliśmy, że w każdym akapicie, by tym samym stylu, wszystkie linki mają takie same dekoracje, tekst, itd. ..

To podejście ma tę zaletę, że będą stosowane automatycznie, podczas wstawiania tekstu, lub linki, najlepiej jest utworzyć styl i zdefiniować ją tak, jak chcemy i zastosować się.

Htm zostanie otwarte nowe (biała) i zapisywane z nazwą:

* Uwaga: Zazwyczaj jest to, jak zaczniemy projektowania strony internetowej, więc ten dokument będzie zachować nazwę "plantilladisenio" na przykład. Lub ktokolwiek inny, który później stanie się prawdziwym szablon sieci Web.

Uaktywnij okno okienku stylu / Style CSS

Kliknij ikonę, aby utworzyć nową regułę:

Zdobyliśmy Zaawansowane i wybierz znaczniki ciała, td

* Uwaga: można umieścić kilka stylów dla każdej reguły, oddzielonych przecinkami. Przewidzianych w niniejszym artykule, czcionkę, rozmiar, kolor .. i będą one automatycznie stosowane do wszystkich dokumentów, które podejmujemy w tym stylu.

Pamiętaj, że ten arkusz stylów, mamy związane z dokumentem, który później (w teorii, stworzenie strony) będzie szablon.

Zaczęliśmy tak:

Tu będziemy prosić, aby na bieżąco:

Możesz mieć w jednym miejscu więcej niż jeden arkusz stylów, wystarczy pamiętać i wiedzieć, jakie dokumenty są związane z jednym i z jakich innych, lub innych

Definiujemy czcionki, kolor tego, rozmiar .. etc:

Teraz na marginesie dokumentu. Ważne jest, aby wszystkie miejsca można rozpocząć projektowanie. Będzie więc 0 do wszystkich:

Akceptujemy i wszystkie te wartości są automatycznie za każdym razem, kiedy przekształcony w prawdziwy szablon, otwieramy nowy dokument. Utworzyć inną regułę stylu, tylko do znacznika body:

Kategoria Funduszu:

możemy ustawić kolor tła i zaakceptować.

Aby ustawić style link, możemy postępować analogicznie jak zrobiliśmy w poprzednim tutorialu.

* Uwaga: A ja ci mówię trik, który robię, i oszczędza mi czas.

I zwykle definiują wszystkie te style, gdy tworzę nowy dokument z Inspektora właściwości, pamiętasz, te style są wstawiane do tego samego kodu dokumentu. Tak więc, kopiowanie, usuwanie etykiet:

<stylo> i </ Stylo>.

Utworzyć nowy arkusz stylów kaskadowych, które nie określają w każdym stylu, raz uderzymy otworzyć dokument utworzony w htm, z Inspektora właściwości. Zapisz arkusz i uważają, że szybciej i wygodniej

Ale to jest sztuczka, co by zrobił, więc nawet jak wskazałem wcześniej. To zrobić, zaczniemy tworzyć style, że będziemy wkładanie i to nam odpowiada.

Nowe zasady w stylu:

pamiętać, że nazwa stylu jest poprzedzone kropką (.) a następnie umieścić nazwę rozpoznać ją później. I zdefiniować kolor tła:

i zaakceptować.

el ancho, la alineación: Htm, utworzyć nową tabelę, w której, jak zwykle możemy ustawić szerokość, wyrównanie:

Umieść kursor myszy na tabeli i kliknij na etykiecie, który pojawia się tuż nad Inspektora

pobytu oraz jest zaznaczona, a my zastosować styl stworzyliśmy wcześniej:

zobaczyć, że kolor tła tabeli zdecydowaliśmy się zmienić.

W ten sposób będziemy stosować style z teraz. Aby usunąć styl, widać, że pierwsza opcja będzie zawsze "nie" w taki sam sposób, używaliśmy wcześniej, wybierz opcję Brak i odejść teraz, lub naciskając dowolny inny zmiana stylu na dole tabeli.

W ten sam sposób możemy zdefiniować dnie td. Po pierwsze, od inspektora, ustawić wyrównanie komórki, i New Style Rule / Kategoria funduszu:

A biorąc pod uwagę funduszu na komórki:

Aby zastosować styl komórki, kliknij na etykiecie, jak z tabelą:

Wstaw obraz w tle:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Nowe zasady w stylu:. Skończyłem nazwę stylu Fondotabla2 i od przeglądu, znaleźć zdjęcie z obrazów strony pracuję nad:

Tworzymy styl teraz Fondoimgtd i umieścić te wartości.:

Zobacz tutaj przykład

Wykonujemy różne kombinacje tych wartości, jak również testów i badań, aby znaleźć to, czego jak jest więcej warta? Innym sposobem zastosowania stylów:

Mmm .... znajdziesz to samo teraz będzie łatwiej stworzyć portal nie? Wkładanie kolory funduszy z tabel i komórek, z klasą, nie?

Bo jeśli chiquis, ale wszystko dowiedzieliśmy się potem .. choć kosztowało nas ... stracilibyśmy A teraz wszystkie, które pojawią się i będziemy o wiele łatwiej

I dlaczego pomija wszystkie bezpośrednio z kodu źródłowego co? Trzymamy arkusz stylów i wspiął się do serwera wraz z innymi dokumentami i obrazami.

ni espacios en blanco . Pamiętaj, że nazwy stylów, może być dowolna, ale musi to być kropki (.) Na początku z nich, bez znaków specjalnych ani spacji.

Wreszcie, w kolumnie paneli, które są po lewej stronie widzimy odzwierciedla style, które tworzymy w takiej kolejności, robimy:

Aby je zmienić, wybierz jeden, a następnie kliknij ikonę ołówka, a następnie pojawia się okno, w którym można zmienić wartości. Być automatycznie stosowane, tzn. możemy zmienić kolor tła tabeli, komórki, formatowanie tekstu, kolor tekstu, etc ..., aby zapisać style dokumentu, przesłać na serwer i wszystkie strony będą mieć nowe style