Div jako ramka

Question

Witam

Jaki mam wprowadzić kod aby div

<div id="center"></div>

ignorował podany wyżej podany

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

i ogółem wszystko ma ignorować co nie jest w środku diva , coś na wzór ramki , bardzo mi na tym zależy

Comments

Bardzo przepraszam, ale nie rozumiem co znaczy:

ignorował podany wyżej podany

 Co znaczy, że div ma wszystko ignorować?

---

Chodzi mi by ignorował

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

 

---

Jeśli chcesz nadpisać style css, które dołączasz w zewnętrznym pliku to stosujesz styl lokalny, np.:
 

<div id="center" style="margin: 10px; color: red;"></div>
podałem przykładowe style

O to chodzi?

---

Chodzi mi aby div

<div id="ramka"></div>

swoim działaniem przypominał funkcjonowaniem ramkę , czyli jak na stronie index.html jest podane do diva 

<div id="center></div>

w pliku style.css 

#center {
width:1000px;
height:400px;
background-color:orange;
}

a w divie ramka będzie dopisane

<div id="ramka"><div id="center"></div></div>

to ma ignorować wszystko co było podane w style.css

---

No to nadajesz temu divowi id (tak, jak już masz), ale polecam stosować klasy, i potem piszesz w pliku css style dla tej klasy i już:
 

<div class="nazwa_klasy"></div>

plik css
 

.nazwa_klasy {
//tutaj style, np. background-color: white;
}

 

Answer 1

Zamiast robić div o "id" przypisz mu atrybut "class" :

<div class="center"></div>

Chodzi mi np. strona cała jest niebieska i div nie ma ignorować style nadalu w pliku .css dla całej strony , tym samym w rezultacie będąc biały będzie div

 Plik css:
 

body
{
     background-color: blue;      // nadajemy kolor niebieski dla całej strony
}

.center
{
     background-color: white;     // nadajemy kolor diva na biały
}

 

Comments

A nawet jeśli dla jakiś potrzeb nadajesz ID to nie rób identyfikatorów typu "center", "left" itp. Za chwilę wejdziesz w tematykę RWD lub po prostu zechcesz zmodyfikować layout i nazwa id przestanie mieć sens. Lepiej nadawaj nazwy w stylu "company-logo" co np. od razu świadczy, że jest to logo. A gdzie i jak jest ono ustawione to już kwestia CSS.

---

Dobrze mówisz, warto od początku uczyć się dobrze, ale sądzę, że kolega który napisał ten wątek dopiero zaczyna zabawę z HTML+CSS.. więc nazywanie divów "center", "left", "div1" etc. to typowy proces, który sam zauważy, że powoduje błądzenie w kodzie.