Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. WordPress tartalom kezelő rendszer (CMS)

Hirdetés

100 000 érv a ReGalaxy mellett: Vásárolj Galaxy Z Fold7 I Z Flip7 vagy Galaxy S25 szériás készüléket, és régi mobilod felújítását 100 000 Ft-ig mi álljuk!
  • Téma összefoglaló
    Utoljára frissítve: 2019-11-19 09:14

    Mobilarena

    WordPress tartalom kezelő rendszer (CMS) topik

Új hozzászólás Aktív témák

  • #7281 cigam titán sz.j #7280
    Új Válasz #7281
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    cigam

    titán

    válasz sz.j #7280 üzenetére

    Ha jól tippelek nem használsz .css fájlt, hanem a tag-ekbe írod be milyen stílusa legyen.
    pl. <div style="width:50px;height:50px;background color:red">...</div>
    Ezt nem kell minden esetben egyesével beírnod az összes helyre, hanem elég egy helyen precízen beállítanod, később már csak hivatkoznod kell rá:
    <head>
    <style>
    div {
    height:50px;
    width:50px;
    background-color:red;
    foreground-color:white;
    }
    </style>
    </head>
    <body>
    <div>....<div>

    Vagyis a fejlécben definiálod a kinézetet(CSS), és később már elég a HTML kódot írnod. Mindegyik div úgy fog kinézni ahogy a fejlécben beállítottad, anélkül, hogy mindegyiknek egyesével beírtad volna a style paramétert.

    Macera minden oldal fejlécét módosítani, ha utólag, vagy menet közben változik a design, ezért egyszerűbb, ha egy központi fájlból tölti be minden oldal:
    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    A style.css fájl tartalma pedig ez legyen:
    div {
    height:50px;
    width:50px;
    background-color:red;
    }

    Természetesen nem szükséges minden tagnak )a példánál maradva <div>-nek egyformának lennie, el is nevezheted a stílusokat. Ha készítesz egy "test" stílust, akkor a css-ben:
    .pelda {
    background-color: tomato;
    color: white;
    border: 2px solid black;
    margin: 20px;
    padding: 20px;

Új hozzászólás Aktív témák