• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

HTML/CSS używanie CSS-a w sekcji body

Cloud VPS
0 głosów
794 wizyt
pytanie zadane 27 kwietnia 2020 w HTML i CSS przez jaqb Początkujący (430 p.)

Witam, mam problem z wstawianiem stylów CSS w sekcji body. Gdzie powinno być abcd? oraz słyszałem, że może być również w danym divie, div taki:

<style>clear: both</style>

Nie wiem czy dokładnie tak wyglądał, ale o cos takiego mi chodzi. Jeżeli komuś by się chciało, to chciałbym się dowiedzieć ogólnie jak wprowadzamy css-a za pomocą komend inline w sekcji BODY

...
<body>
<div id="super guzik" abcd>
<h1 abcd>Super guzik</h1>


</body>

abcd= style="background-color: green; padding: 10px;

 

1 odpowiedź

+3 głosów
odpowiedź 27 kwietnia 2020 przez wiktoz Mądrala (7,060 p.)

Jest kilka sposobów na dołączanie styli.

1. (Sposób zalecany) Tworzysz nowy plik z rozszerzeniem .css (np. style.css) i w tym pliku będziesz zapisywać twój kod css. Aby ten plik był "widziany" przez drugi dokument .html to dodajesz w sekcji <head> 

<link rel="stylesheet" type="text/css" href="style.css">

Do znaczników w htmlu musisz dodać klasy. Klasy działają tak, że zapisujesz jej właściwości, a później do każdego elementu możesz ją przypisać. Poniżej przykład jak to zrobić:

<h1 class="nazwaklasy"></h1>

Można też używać wielu klas w jednym znaczniku oddzielając je spacją:

<h1 class="nazwaklasy innaklasa"></h1>

W pliku css dodajesz właściwości do tej klasy (przed nazwą klasy dodajesz kropkę! i w klamrach definiujesz jej style), np.:

.nazwaklasy{
    background-color:red;
}

2. Bez tworzenia dodatkowego pliku możesz po prostu w pliku .html dodać sekcję <style>

<style>

.nazwaklasy{
    background-color:red;
}

</style>

3. Trzecim sposobem jest bezpośrednio w znaczniku

<h1 style="background-color:red;"></h1>

Podobne pytania

0 głosów
1 odpowiedź 362 wizyt
pytanie zadane 6 października 2018 w HTML i CSS przez bartekDSAXN Użytkownik (560 p.)
0 głosów
1 odpowiedź 131 wizyt
pytanie zadane 15 sierpnia 2019 w HTML i CSS przez LubieNalesniki Użytkownik (610 p.)
0 głosów
1 odpowiedź 238 wizyt
pytanie zadane 4 lutego 2020 w HTML i CSS przez Denzu93 Nowicjusz (120 p.)

93,482 zapytań

142,415 odpowiedzi

322,761 komentarzy

62,895 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...