Kaip naudoti išdėstymo parinktis „Dreamweaver“ CSS nuosavybės skydelyje

CSS dizaino ypatybių skydelio viršuje rasite CSS ypatybes, dažniausiai naudojamas puslapių maketams kurti. Šias parinktis galite naudoti norėdami nurodyti aukštį, plotį, lygiavimą, padėtį ir tarpus. Šie nustatymai idealiai tinka kurti puslapių išdėstymus su klasės ir ID stiliais, pvz., sulygiuoti vaizdus ir padėtį

žymas, kad sukurtumėte kelių stulpelių maketus.

Norėdami nustatyti šias reikšmes, galite naudoti CSS ypatybių skydelio išdėstymo parinktis:

• Plotis: nurodykite bet kurio elemento, kurio matmenys gali būti nurodyti, plotį, pvz., a

  žyma. Dydžio parinktys yra pikselis (px), taškas (pt), pica (pc), procentas (%), em, rem, ex ir ch.

• Aukštis: nurodykite bet kurio elemento, kurio matmenys gali būti nurodyti, aukštį.

  • Min. ir Max Width: nurodykite mažiausią ir didžiausią plotį

    žymos ir kiti bloko elementai. Šios parinktys naudingos, kai nurodote plotį kaip naršyklės lango procentą. Pavyzdžiui, galite nustatyti 80 procentų naršyklės lango dizaino plotį, o tada nustatyti maksimalų 1000 pikselių plotį, kad jūsų išdėstymas nebūtų ištemptas daugiau nei 1000 pikselių.

  • Minimalus ir maksimalus aukštis: nurodykite mažiausią ir didžiausią aukštį

    žymos ir kiti bloko elementai.

  • Margina: nustatykite vietos aplink elementą kiekį. Paraštės gali būti naudojamos norint sukurti tarpą tarp elemento krašto ir kitų puslapio elementų, pvz., tarp vaizdo ir teksto arba tarp dviejų.

    žymės. Galite atskirai nustatyti paraštę viršuje, dešinėje, apačioje ir kairėje. Paminkštinimas matuojamas pikseliais, taškais, coliais, centimetrais, milimetrais, picas, ems, exs ir procentais.

  • Padding: nustato vietos kiekį elemento ribose. Pavyzdžiui, galite naudoti užpildymą, kad sukurtumėte tarpą tarp a kraštų

    žyma ir jos turinys. Galite nustatyti atskirai viršuje, dešinėje, apačioje ir kairėje esančius paminkštinimus. Paminkštinimas matuojamas pikseliais, taškais, coliais, centimetrais, milimetrais, picas, ems, exs ir procentais.

    Nustatyti užpildymą ir tarpus tarp paraščių gali būti sudėtinga. Kai pridedate paraštę ir užpildymą prie elemento, pvz., vaizdo arba

    žymą, padidinate bendrą to elemento dydį ir jam reikalingą vietos makete.

• Pozicija: Parinktis Pozicija, pasiekiama ypatybių skydelio skilties Maketas apatinėje dalyje, pakeičia elementų išdėstymą puslapyje. Padėties nustatymas gali dramatiškai pakeisti bloko lygio elementų (tokių kaip lentelė, sąrašas, antraštė, pastraipa ir

  žymos) pasirodo naršyklėje.

  • Paveldėti: šios numatytosios parinkties nurodyti nereikia. Jei nepasirinkta kita parinktis, kiekvienas elementas paveldi pirminio elemento padėtį.

  • Statinis: patalpinkite turinį į jo vietą dokumento sraute. Pagal numatytuosius nustatymus visi HTML elementai, kuriuos galima išdėstyti, yra statiniai.

  • Absoliutus: naudokite viršutines ir kairiąsias koordinates, kad valdytumėte elemento padėtį, palyginti su viršutiniu kairiuoju naršyklės lango kampu arba viršutiniu kairiuoju elemento, kuriame yra elementas, kampu.

  • Pataisyta: nustatykite elemento padėtį viršutiniame kairiajame naršyklės kampe. Elemento, naudojant fiksuotą padėties nustatymą, turinys išlieka pastovus, net jei vartotojas slenka žemyn arba per puslapį.

  • Santykinis: naudokite padėtį, palyginti su taško, kuriame įterpiate elementą į puslapį, arba jo sudėtinio rodinio atžvilgiu.

    

  • Plūduriuoti: išlygiuokite elementus, pvz., vaizdus ir

    žymas puslapio ar kito sudėtinio rodinio kairėje arba dešinėje, todėl tekstas ar kiti elementai apvyniojami aplink jį. Spustelėkite piktogramas lauke Plūduriuoti, kad nurodytumėte šias keturias parinktis: paveldėti, dešinėn, kairėje arba jokio.

  • Išvalyti: neleiskite slankiam turiniui persidengti sritimi kairėje ar dešinėje arba abiejose elemento pusėse. Ši parinktis naudinga, kai yra plūduriuojantis elementas, pvz., a

    žyma, naudojama šoninei juostai sukurti, sutampa su kitu bloko lygio elementu, pvz., žyma, naudojama puslapio poraštei sukurti.

  • Overflow-x ir -y: nurodykite naršyklei, kaip rodyti elemento turinį, jei konteineris, pvz., a

    žyma, netelpa visas elemento aukštis arba plotis. Perpildymo parinktys yra

  • Matomas: turinys, pvz., vaizdas arba tekstas, yra matomas, net jei jis išsiplečia už apibrėžto sudėtinio rodinio aukščio ar pločio.

  • Paslėptas: nupjaukite turinį, jei jis viršija talpyklos dydį. Ši parinktis nepateikia slinkties juostų.

  • Slinktis : pridėkite slinkties juostas prie sudėtinio rodinio, nepaisant to, ar jo turinys viršija elemento dydį.

  • Automatinis: rodykite slinkties juostas tik tada, kai konteinerio turinys viršija jo ribas.

• Ekranas: nurodykite, ar pateikti elementą naršyklėje, ir kaip tai padaryti. Pavyzdžiui, galite pakeisti netvarkingo sąrašo padėtį iš horizontalios į vertikalią, pasirinkdami Įdėtas, arba paslėpti elementą, kad jis būtų nematomas, pasirinkus Nėra. Norėdami dinamiškai pakeisti elementų rodymą, galite naudoti parinktį Rodyti su scenarijų kalba.

• Matomumas: valdykite, ar naršyklė rodo elementą, ar ne. Matomumo parinktys yra

  • Paveldėti: elementas turi elemento, kuriame jis yra, matomumą (numatytasis).

  • Matoma: rodomas elementas.

  • Paslėptas: elementas nerodomas.

  • Sutraukti: skirtas naudoti su HTML lentelėmis. Sutraukimas gali būti naudojamas norint pašalinti stulpelį arba eilutę, nepažeidžiant likusio lentelės išdėstymo.

• Z indeksas: valdykite elemento padėtį Z koordinatėje, kuri valdo elementų išdėstymo tvarką vienas kito atžvilgiu. Didesnio numerio elementai sutampa su mažesnio numerio elementais.

• Nepermatomumas: valdykite elemento neskaidrumo lygį nuo 0,0 (visiškai skaidrus) iki 1,0 (visiškai nepermatomas). Pavyzdžiui, jei neskaidrumo lauke įvesite .5, elemento neskaidrumas bus sumažintas iki 50 procentų.