CSS | Hilfe

iLeGeNd

Sehr geehrte Community,
ich habe gestern angefangen bei HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene Webseite - HTML.net einen Crashkurs in HTML & CSS zu machen.
Habe mir bereits alle Lektionen durchgelesen & ausgedruckt.
Nun habe ich ein Design designet & würde es gerne Coden.
Ich weiß das hier einige viel Wissen verfügen und mir helfen könnten. Ich will niemanden beauftragen mein Design zu Coden, sondern will es selbst machen.

Fragen:
1 » Wie erstellt man Runde Boxen bzw. abgerundete Boxen, und wie bettet man sie als HTML Code ein?

2 » Muss man in dem Body Teil alles äußeren Formen machen (Alle Boxen Definieren, abstand etc.) oder besser gesagt was gehört in den Body Teil rein?

3 » Ist es egal welche reihenfolge die Absätze in der css datei haben?

Sollten fragen noch kommen, aktualisiere ich den Thread.

Vielen dank für deine hilfe!

'Fearghus

1. füg in deine HTML datei folgendes ein:

dann in die CSS Datei:
rundebox{
border-radius: 3px;
border: 1px solid black;
width: 300px;
height: 300px;
}

2. verstehe ich net was du meinst.

3. Ja es ist egal.

#iExitx57

1. border-radius: 1px; oder border-radius: 1px 1px 1px 1px; (so kannste jede ecke einzeln bestimmen, 1px nur als beispiel!)
2. background, font-family,color etc.
3. verstehe die frage nicht

χѕтєνєяєαℓ

Antwort auf frage 1:

html code:(z.b)

HTML

<!DOCTYPE html>
<html>
<head>
     	<title>Document</title>
</head>


<body>
     	<div id="box"></div>
</body>
</html>

Alles anzeigen

CSS Code:

Code

body {
background-color:#F4F4F4;
}
box {
   	border-radius:3px; / Wie viel Px die Box abgerundet werden soll.
}

Den code kann man aber auch so machen:

Code

-moz-border-radius:3px 15px 5px 30px;


                -webkit-border-radius:3px 15px 5px 30px;


                -khtml-border-radius:3px 15px 5px 30px;


                border-radius:3px 15px 5px 30px; 


                behavior:url(border-radius.htc);

Alles anzeigen

oder:

Code

-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;

Antwort frage 3:

Im CSS code ist es egal wie die sachen da stehen im HTML Code musst du aber definieren wo das alles stehen soll.
Da wäre die richtige reihenfolge angebracht

Ich hoffe ich konnte dir weiterhelfen

Kpoi

Es ist grade nicht egal wo du welchen div-Container hinpackst, schau das dein Code ordentlich geschrieben ist setzt Kommentare, dann findest du dich bzw. dein Kunde findet sich dann besser zu Recht.

iLeGeNd

Also ist body die äußere Form?

Kpoi

was meinst du mit aüßere form?

χѕтєνєяєαℓ

also im HTML code der <body> tag da kommt dann das rein wo du auf der Seite sehen sollst z.B.: eine oder mehrere Contentboxen etc.

iLeGeNd

Ich danke euch allen hab es endlich kapiert!

CSS | Hilfe

Jetzt mitmachen!

Benutzer online in diesem Thema