selectors (epilogeis) se id.....

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
spirit76
Δημοσιεύσεις: 11
Εγγραφή: 26 Νοέμ 2009 22:32
Τοποθεσία: nea iwneia

selectors (epilogeis) se id.....

Δημοσίευση από spirit76 » 27 Νοέμ 2009 00:35

Σε ενα CSS template εχω βρει τον παρακατω κωδικα..



#logo {
width: 960px;
height: 150px;
margin: 0 auto;
}

#logo h1, #logo p {
margin: 0;
padding-left: 100px;
color: #FFFFFF;
}

#logo span {
color: #FFFFFF;
}

#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 4.8em;
}

#logo p {
text-transform: lowercase;
padding: 4px 0 0 3px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #FFFFFF;
}
#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;

[/code]

Αυτο που δεν καταλαβαινω ειναι τι σημαινουν οι selectors
( #logo h1, #logo p )

Αυτο που ακομη με μπερδευει, ειναι οτι στο html document η αναφορα που γινεται ειναι η εξης ::

Κώδικας: Επιλογή όλων

<body>
<div id="wrapper">
  <!-- start header -->
  <div id="header-wrapper">
    <div id="header">
      <div id="logo">
        <h1><a href="#"><span>Ignition</span></a></h1>
        <p>Designed By Free CSS Templates</p>
      </div>
    </div>
  </div>



Δηλαδη το μονο id που χρεισημοποιηται ειναι το <div id="logo">

Ολα τα υπολοιπα&#58;
                           #logo span
                           #logo h1
                           #logo p
                           #logo a
Γιατι δεν αναφερονται &#40; Αφου σημετεχουν..&#41;???

Ελπιζω να ειμουνα κατανοητος , τουλαχιστων το προσπαθησα, οποιος γνωριζει,  HELP..!!!
Το δυσκολο δεν ειναι να φτασεις στην κορυφη, αλλα το να διατηρηθεις εκει...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

selectors (epilogeis) se id.....

Δημοσίευση από korgr » 27 Νοέμ 2009 08:42

#logo span
Ολα τα <span> που ανηκουν στο αντικειμενο με id="logo"

#logo h1
Ολα τα <h1> που ανηκουν στο αντικειμενο με id="logo"

#logo p
Ολα τα <p> που ανηκουν στο αντικειμενο με id="logo"

#logo a
Ολα τα <a> που ανηκουν στο αντικειμενο με id="logo"

*που ανηκουν = ειναι ενθετα μεσα στο αντικειμενο του οποιου το id ισουται με "logo"

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες