Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] wstawianie stylów z zewnętrznego plik
#1
Witam
Pytanie może okazać się dość banalne i pewnie odpowiedz gdzieś w sieci jest ale wierzcie mi szukałem czytałem i nadal nie wiem

pytanie:
mam zewnętrzny plik ze stylami jest to tylko część (plik prosto z keD)
html, body
{background: #000000;
text-align: center;
font-size: 1em;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
color: red
}
body *
{margin: 0px;
padding: 0px;
font-size: 1em;
text-align: right;
color: #000000
}
img
{border: 0px;
}
h1
{font-size: 1.4em;
font-weight: bold;
}
h2
{font-size: 1.2em;

i teraz przechodzę do tworzenia strony (przedstawiłem tylko część by bylo widoczne ze w sekcji head jest odniesienie do arkusza stylów - plik jest w tym samym katalogu)

<title> [tytuł strony] </title>

<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body id="body">
khdhjhfsdhf

fdgdfgdfvgfddfdf
</body>
</html>

i tu pytanie skoro w arkuszy stylów jest odniesienie do body oraz do całego html (pierwszy styl) to jak mam je wstawić w dokumencie

właściwie mam do Was prośbę czy moze ktoś mi przesłać szkielet strony z zewnętrznymi stylami - jest tego sporo w necie ale chodzi mi nie o sam zewnętrzny plik ze stylami ale takrze o plik html z osadzonymi diva-mi wewnątrz pliku html.
pewnie jest to moje pierwsze i ostatnie pytanie spowodowane juz lekkimi nerwami z niemcy.
Wszędzie przedstawiają jak ładnie stworzyć zewnętrzny "arkusz" stylów a nigdzie nie pokazują jego osadzenie w dokumencie html juz tak stworzonego (i tu sie powtórzę prosze, wrecz błagam pomóżcie prześlijcie podajcie linka sam szkielet dowolnej strony która odnosi sie do zawietrznych stylów dalej juz sobie rade dam)

-------
dodatkowe pytanie skoro w stylach zewnętrznych dodałem
.d{
border:none;
width:1000px;
float:left;
height:auto;
color:red;
}
a teraz w html mam:
<div class="d"><body>test</body></div>
to czemu czcionka nie jest koloru czerwonego ?
Odpowiedz
#2
Strasznie chaotycznie napisałeśSmile zewnętrzny arkusz stylów dołączasz tak jak w przykładzie który pokazałeś. Style html i body zostaną wczytane z tego pliku, nie musisz ih definiować nigdzie więcej.
Co do dodatkowego pytania z klasą "d" to czcionka nie jest czerwona dlatego, że otaczasz tą klasa znaczik body a nie powinienes tego robić. prawidłowo powinno być tak:
<body>
<div class="d">test</div>
</body>
Całą zawartość strony piszesz pomiędzy znacznikami <body>

A tutaj masz poprawny szkielet strony html5:

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title></title>
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
TUTAJ TREŚĆ STRONY
</body>
</html>
Odpowiedz
#3
Zawiii - dziękuje za odpowiedź, prawdę mówiąc myślałem że dostane odpowiedzi typu "poszukaj", bądź "juz było" omawiane a tu proszę miła niespodzianka to świadczy także o forum i ludzi tu przebywających(dodam ze nie jestem naprawdę osoba która z każdym pytanie "idzie na forum bez wcześniejszego próby rozwiązania problemu we własnym zakresie)

Ale wracając do tematu
po załadowani poniższego kodu z zewnetrznego pliku odrazu powinienem mieć czarne tlo strony ?

html, body
{background: #000000;
text-align: center;
font-size: 1em;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
color: red
}

Czego niestety nie mam a jak dobrze zrozumiałem nie muszę tego dodatkowo definiować nigdzie w dokumencie html.
Odpowiedz
#4
Jeśli twój kod css dołączysz do struktury którą ci podałem to właśnie czarne tło zobaczyszSmile Sprawdź ścieżkę do arkusza i jego nazwe, może gdzieś jest literówka
Odpowiedz
#5
ścieżka jest ok ale sprawdziłem zmieniłem z background: #000000; na background: black; i kolor tła sie zmienił, pozostaje mi dojść czemu nie mogę użyć tak zdefiniowanego koloru, ale tu sadze że wyczytam i dojdę juz we własnym zakresie co i jak, ważne że Twoja odpowiedz naświetliła mi tok mojego rozumowania Smile
Dzieki
Odpowiedz
#6
html, body
{background: #000000;
text-align: center;
font-size: 1em;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
color: red
}

Po color: red jeszcze dopisz ;
może pomożeSmile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS]Problem ze zrozumieniem stylów CSS Witek76 5 4,246 17-04-2013, 17:47
Ostatni post: Kartofelek
  pozbawienie stylów domyślnych znacznika wsp 2 1,894 03-11-2012, 18:35
Ostatni post: kornell
  Plik główny a w nim dodatkowe podstrony Matt 8 6,067 01-07-2012, 23:36
Ostatni post: kornell
  Pomocy bo nigdzie nie moge tego znaleść.Czym rożni sie plik typu *.rt od pliku html?? evolution123 5 3,632 07-05-2012, 03:57
Ostatni post: kornell
  [Wordpress] Linijka czytająca arkusz stylów Szakalowski 1 2,558 20-03-2012, 15:37
Ostatni post: Engine

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl