Grafikai hatások nélkül grafikákat
Háttér anyag főbb programozási nyelvek és elrendezését oldalakon.
Ready technika létrehozására egyszerű és összetett dinamikus weboldalak PHP és a MySQL.
fejlesztése weboldalak a „kulcs”.
Fejlődés az egyes töredékek oldalak, tanácsot az elrendezés a weboldalak és web programozás.
Web eszköz
webáruház
webes szolgáltatások
Web Graphics
Web Resources
Azt szeretnénk, hogy lépést tartsanak a fejlődés zajlik a helyszínen? Jelentkezzen be, hogy a legfrissebb hírek és cikkek.
Nézd a Google
Grafikai hatások nélkül grafika. lekerekítés
Most, hogy megtanultuk, hogyan kell dolgozni a böngészők, amelyek nem támogatják a CSS3, akkor lépni, hogyan lehetne javítani a design honlapunkon. Nézzük először sarkait le kell kerekíteni blokkok és hogy az oldal, hogy ez egy puha, áramvonalas forma, és kijelölik a vizuális elválasztása a kettő között.
Lekerekített sarkok - egy egyszerű és egységes vizuális hatás, ami korábban volt, meglepően nehéz megvalósítani a weboldalakon. Meg kellett, hogy ne csak időt létre lekerekített sarkok a képek grafikai alkalmazások, hanem hosszú ideig ülni hozzá a HTML és CSS kódot. Annak megállapításához, a helyét minden sarkon gyakran szükséges volt létrehozni egy csomó egymásba tartalmazó div, mert a CSS 2.1 specifikáció lehetővé teszi a jelenlétét a területen legfeljebb egy háttérképet. Így CSS kódot kapcsolódó, hol van a kép lehet egy nagyon-nagyon nehéz. A képek mellett, a dagadt kód HTML és CSS, jelentősen megnövekedett az adatmennyiséget, amit meg lehet letölteni az egyes felhasználók, és ez csökkentette a sebességét oldalak betöltése. Még ha használt szkriptek dinamikusan létrehozni lekerekített sarkok kialakítása nélkül, vagy ágyazza be a képeket manuálisan, akkor is saját kezűleg nőtt a felhasználók száma a letöltéshez és a csökkent teljesítmény oldalakon. És mindezt kedvéért banális lekerekített sarkok!
Készítsen ovális és körök az ingatlan border-radius
Természetesen figyelembe véve a folyamatos fejlesztés és a CSS3 bevezetésével böngésző támogatja az új előírásokat a valós világban, a dolgok kissé bonyolultabb. Azonban, míg a többi megközelítés, ez semmi.
Nézzük szerkeszteni a fájlt style.css, és a blokkokat a vízszintes menü, a tartalom és blokkszakaszt függőleges menüt, valamint a pótkocsi oldalt lekerekített sarkokkal. Erre a célra a megfelelő kód beírását blokkok border-radius.
#page_header ul árrés: 5px 4px 5px 4px;
display: block;
magasság: 30px;
átnyúló: szilárd 1px # D1D1D1;
-moz-border-radius: 10px; / * * A Firefox /
-WebKit-border-radius: 10px; / * A Safari és a Chrome-* /
border-radius: 8 képpont;
>
#post szélesség: 695px;
árrés: 5px 2px 0 4px;
padding: 4px;
float: left;
átnyúló: szilárd 1px # D1D1D1;
-moz-border-radius: 10px; / * * A Firefox /
-WebKit-border-radius: 10px; / * A Safari és a Chrome-* /
border-radius: 10px;
>
#sidebar szélesség: 190px;
float: right;
átnyúló: szilárd 1px # D1D1D1;
-moz-border-radius: 10px; / * * A Firefox /
-WebKit-border-radius: 10px; / * A Safari és a Chrome-* /
border-radius: 10px;
árrés: 5px 4px 2px 0;
padding: 4px 2px;
>
#page_footer árrés: 4px 0 0 0;
átnyúló: szilárd 1px # D1D1D1;
-moz-border-radius: 10px 10px 0 0; / * * A Firefox /
-WebKit-border-radius: 10px 10px 0 0; / * A Safari és a Chrome-* /
border-radius: 10px 10px 0 0;
>
Vizsgáljuk meg a weblapot. A modern böngészők, így fog kinézni.
Az ingatlan border-radius
Mind a négy értéket lehet felsorolt tulajdonságok belül border-radius, szóközzel elválasztva; Ön is használja egy közös érték az egységes kerekítési a sarkokban. A Safari 4 és Safari iOS-3 és a korábbi hozzáadásával több értéket egy border-radius tulajdonság nem támogatott; engedni, hogy előírják csak egy érték, amely alkalmazható minden zugában.
A tulajdonságai border-radius végrehajthatja a következő elemeket tartalmazza:
Támogatás tulajdonságok border-radius a böngészőkben