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

Dołączanie arkuszu CSS do HTML

VPS Starter Arubacloud
0 głosów
159 wizyt
pytanie zadane 9 września 2018 w HTML i CSS przez johnnyg Nowicjusz (120 p.)
Witam,

Niedawno rozpocząłem swoją przygodę z HTML i CSS poprzez tworzenie pierwszych stron internetowych (banalnych rzecz jasna). Natknąłem się na pewien problem gdy, wszystko zgodnie z podręcznikiem, chciałem dodać arkusz CSS. Nie mam zielonego pojęcia dlaczego zmiany nie chcą zaskoczyć. Próbowałem znaleźć informacje w internetach ale niestety na próżno. Uprzedzając pytania, wszystkie literówki w nazwach plików sprawdzałem trylion razy oraz oba pliki znajdują się w tym samym folderze. Poniżej przesyłam kawałek HTML i CSS. Ktoś pomoże mi rozwikłać tę zagadkę?

HTML

<!DOCTYPE html>
<html class="no-js" lang="pl">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  <title> Przepis na Babeczki </title>
  <meta name="description" content="Idealne Babeczki">
    <link rel="stylesheet" href="css/styles.css" type="text/css">
    </head>

CSS :

@media screen and (min-width: 50rem) {
  .introwrapper {
    display: table;
    table-layout: fixed;
    width: 100%;

  }
  .introtext {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;

  }
  .introtext {
    padding: .51rem;
    font-size: 2.5rem;
    text-align: left;

  }
  .ingredients {
    font-size: 9rem;
    float: right;
    padding: 1rem;
    margin: 0 0 .5rem 1rem;
    border-radius: 3px;
    background-color: #ffffdf;
    border: 2px solid #e8cfa9;

  }
  .ingredients h3 {
    margin: 0;
  }
}

2 odpowiedzi

+2 głosów
odpowiedź 9 września 2018 przez hun1er76 Stary wyjadacz (11,960 p.)

Skoro

oba pliki znajdują się w tym samym folderze

to linkowanie powinno mieć postać

<link rel="stylesheet" href="styles.css">

 

komentarz 9 września 2018 przez johnnyg Nowicjusz (120 p.)

Pomogło laugh

Dzięki wielkie!

+1 głos
odpowiedź 9 września 2018 przez Kamil110501 Bywalec (2,490 p.)

Struktura plików:

Folder:

    -index.html

    -style.css

Kod:

<!DOCTYPE html>
<html class="no-js" lang="pl">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title> Przepis na Babeczki </title>
    <meta name="description" content="Idealne Babeczki">
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
  </body>
</html>
@media screen and (min-width: 50rem) {
  .introwrapper {
    display: table;
    table-layout: fixed;
    width: 100%;

  }
  .introtext {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;

  }
  .introtext {
    padding: .51rem;
    font-size: 2.5rem;
    text-align: left;

  }
  .ingredients {
    font-size: 9rem;
    float: right;
    padding: 1rem;
    margin: 0 0 .5rem 1rem;
    border-radius: 3px;
    background-color: #ffffdf;
    border: 2px solid #e8cfa9;

  }
  .ingredients h3 {
    margin: 0;
  }
}

i o ile kod w css jest dobrze to będzie wszystko działać kod w css poprostu skopiowałe i wkleiłem

bo jeśli są w tym samym folderze to po co href="css/styles.css"? to oznaczało by że arkusz tylów jest w podfolderze o nazwie css

 

Podobne pytania

–1 głos
1 odpowiedź 152 wizyt
pytanie zadane 31 marca 2018 w HTML i CSS przez RSSRIFMXGL Nowicjusz (190 p.)
0 głosów
1 odpowiedź 582 wizyt
0 głosów
2 odpowiedzi 183 wizyt
pytanie zadane 18 kwietnia 2017 w HTML i CSS przez LeeVay Użytkownik (740 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...