Jak tworzyć CSS (z ilustracjami)

CSS jest językiem stołach stylów, dzięki któremu można tworzyć strony internetowe i jednocześnie kontrolować wiele funkcji, przypisywanie grup niektórych elementów. Na przykład, używając kodu koloru, projektant może zmienić kolor tła na wszystkich stronach witryny, wykonując jedną zmianę kodu CSS.

Kroki

Część 1 z 4:

Jak napisać wbudowany kod CSS

jeden. Sprawdź znaczniki HTML. Musisz wiedzieć, jak tagi i atrybuty działają Src i href.

2. Poznaj część Główne właściwości CSS. Jest wiele nieruchomości, ale nie pamiętam wszystkiego.

Pamiętaj o następujących kluczowych właściwościach CSS: Kolor i Rodzina czcionek.

3. Sprawdź wartości odpowiednich właściwości. Dla każdej właściwości wskazuje wartość. Na przykład dla właściwości Kolor Możesz określić wartość czerwony.

cztery. Sprawdź atrybut HTML Styl. Jest używany wewnątrz elementu href lub Src. Aby użyć określonego atrybutu, w cytatach po znaku równości wprowadź atrybut CSS, COLON, a następnie wartość nieruchomości. Nazywa się to zasada CSS.

pięć. Należy pamiętać, że profesjonalni deweloperzy zwykle nie używają wbudowanego kodu CSS do tworzenia witryn. Wbudowany kod CSS może zakłócić integralność kodu HTML. Niemniej jednak jest to świetny sposób na zapoznanie się z fundamentami funkcjonowania CSS.

Część 2 z 4:

Jak napisać prosty kod CSS

jeden. Uruchom program, w którym możesz utworzyć pliki HTML i CSS.

Jeśli nie ma programu specjalnego, użyj notatnika lub innego edytora tekstu. Wystarczy zapisać plik jako plik tekstowy i plik CSS.

2. Otwórz kod HTML. Zrób to w edytorze HTML (jeśli jest).

W edytorze HTML możesz pracować z kodem HTML i kodem CSS.

3. Utwórz tag Invtml Tag . W tym przypadku kod CSS można napisać bez konieczności utworzenia osobnego pliku.

cztery. Wybierz element, do którego chcesz dodać styl. Teraz wprowadź nazwę elementu i nawiasów kręconych ({ }). Aby uzyskać bardziej zrozumiałe, drugi kędzierzawy wspornik zawsze wpływa na nową linię.

pięć. Wewnątrz wsporników wpisz regułę CSS, jak gdybyś użył atrybutu Styl. Każdy ciąg musi kończyć się średnikiem (-). Aby kod został uszkodzony, każda reguła jest wprowadzana na oddzielną linię, a każda linia musi mieć tiret.

Należy pamiętać, że ten styl wpłynie na wszystkie elementy wybranego typu na stronie. Bardziej konkretny styl zostanie zweryfikowany w następnej sekcji.

Część 3 z 4:

Jak napisać bardziej złożony kod CSS

jeden. Utwórz plik CSS (a nie plik HTML) i zapisz go z rozszerzeniem .CSS. Otwórz również plik HTML.

2. Utwórz tag Invtml Tag . Więc podłączysz osobny plik CSS z plikiem HTML. Dla tagu Wymagane są trzy atrybuty: Rel, Rodzaj i href.

Rel Określa przeglądarkę Jak traktować plik HTML. Tutaj ten atrybut powinien mieć znaczenie Arkusz stylów.

Rodzaj Raporty do tego, do jakiego rodzaju mediów odnosi się do. Tutaj ten atrybut powinien mieć znaczenie Tekst / CSS

href tutaj jest używany w taki sam sposób jak w elemencie , Ale tutaj ten atrybut musi odnosić się do pliku CSS. Jeśli plik CSS znajduje się w jednym folderze z plikiem HTML, określ nazwę pliku tylko w cytatach.

3. Wybierz elementy różnych typów, do których chcesz dodać jeden styl. Dodaj atrybut Klasa do takich elementów i utożsamiać ich do nazwy wybranej klasy. W takim przypadku elementy będą tego samego stylu.

cztery. Określ, jaki styl otrzyma klasę. W pliku CSS wprowadź nazwę klasy po punkcie ., To znaczy: .Klasa.

pięć. Wybierz indywidualne elementy, do których chcesz dodać styl specjalny i dodaj atrybut ID. Identyfikatory CSS są tworzone za pomocą symbolu #, nie punkt.

Identyfikatory są bardziej konkretne niż klasy, więc identyfikator zastępuje dowolny styl klasowy, jeśli ma atrybut o wartości innej niż wartość klasy.

Część 4 z 4:

Jak nauczyć się CSS i HTML

jeden. Otwarta strona Akademia HTML. Na nim możesz poznać podstawy rozwoju sieci.

2. Znajdź inne witryny specjalnie zaprojektowane tak, aby zbadać HTML i CSS.Poszukaj autorytatywnych źródeł, aby pomnożyć wiedzę.

3. Komunikuj się z projektantami stron internetowych i programistów. Ich doświadczenie pomoże Ci opanować cenną wiedzę i umiejętności.

cztery. Wyświetl kody źródłowe witryn, które otwierasz. Wyświetl CSS Codes Made Strony internetowe pozwalają zapoznać się z metodami rozwijania części stron internetowych. Skopiuj kod, a następnie edytuj, aby dowiedzieć się, jak używać różnych atrybutów CSS.

Rada

Istnieje wiele różnych właściwości, które można manipulować za pomocą CSS. Znajdź stronę internetową, którą lubisz i przeglądasz swój plik źródłowy. Jeśli wewnętrzne znaczniki głowy mają nazwę pliku CSS, kliknij go, aby wyświetlić różne właściwości i wartości przypisane do elementów.

Ostrzeżenie

Kopiowanie kodów HTML i CSS pomogą Ci w treningu, ale musisz użyć własnych pomysłów projektantów. Korzystanie z innej konstrukcji jest kradzież i plagiat.