A meglévő CSS-stíluslap stílusszabályai módosíthatók a Stíluskezelés ablak használatával. Ebben a lépésben az eredeti háromoszlopos elrendezést két oszlopos elrendezés váltja fel. Ezután az eredeti elrendezésre alkalmazott stílusok eltávolításra kerülnek.
Törölje a jobb oszlopot, és módosítsa a stílust
Ha két oszlopot szeretne hagyni az oldalstruktúrában, törölnie kell azt a kódot, amely létrehozza a megfelelő oszlopot, majd módosítja a többi elem stílusát és a kétoszlopos elrendezést.
A kód törlése és a jobb oldali oszlop formázása
Nyissa meg a Default.aspx oldalt, vagy nyissa meg.
Menjen a Tervező nézetre.
Húzza a létrehozott CSS-fájlt a Megoldás Explorer-ből az oldalra.
Ennek eredményeként létrejön a kapcsolat a CSS fájl és az aktuális oldal között. Az oldal a CSS-fájlban meghatározott stílusok szerint változik.
Ugrás a Forrás nézetre.
Távolítsa el a div elemet. amely egy sorral kezdődik
.
A Formátum menüben kattintson a CSS stílusok elemre. majd kattintson a Stílusok kezelése elemre.
Megjelenik a Stílusok kezelése ablak. (Alapértelmezés szerint rögzítve van.)
A Stíluskezelés ablakban kattintson a jobb oldali egérgombbal a #rightidebarra, és válassza a Törlés parancsot.
A #rightidebar stílus ikon körül nincs kör; ez azt jelzi, hogy a stílus már nem használható az oldalon, és törölhető.
A Stíluskezelés ablakban kattintson jobb egérgombbal a #maincontent stílusra, és válassza a Stílus felülbírálása parancsot.
Megjelenik a Stílus felülírás párbeszédpanel.
A mezőben módosítsa a bemeneti mező értékét 0 értékre.
Kattintson az OK gombra.
Menjen a Tervező nézetre. Most van két oszlop az elrendezésben.
A képstílus beállítása előtt meg kell adnia a képet a projekthez, és be kell állítania az ImageUrl tulajdonságot.
Kép hozzáadásához a projekthez kövesse az alábbi lépéseket.
A Megoldáskezelőben kattintson a jobb gombbal a weboldal nevére, majd a Meglévő elem hozzáadása elemre.
Megjelenik a Meglévő elem hozzáadása párbeszédpanel.
Válassza ki a képfájlt, és kattintson a Hozzáadás gombra.
Most, hogy a kép hozzáadódik a projekthez, hozzá kell rendelnie a képvezérlőhöz.
Kép hozzárendeléséhez a Képvezérléshez kövesse az alábbi lépéseket
Nyissa meg a Default.aspx fájlt, vagy menjen hozzá.
Navigáljon a Tervező nézethez, és válassza ki a Képvezérlés lehetőséget.
Nyissa meg a Default.aspx fájlt, vagy menjen hozzá.
Navigáljon a Tervező nézethez, és válassza ki a Képvezérlés lehetőséget.
A Stíluskezelés ablakban alkalmazza a CSS stílus floatright vagy floatleft elemet a Képvezérléshez. Ehhez kattintson jobb gombbal a kívánt CSS-stílusra, majd kattintson az Alkalmazás stílusra.
A kiválasztott CSS stílus az img stílushoz van hozzárendelve.
Az új stíluslap használata. További információért lásd: Áttekintés. CSS-fájl létrehozása és szerkesztése.
Olyan témákat és kiterjedt témákat hozhat létre, amelyek nemcsak a CSS stílusokat, hanem az ASP.NET-vezérlők szinte minden tulajdonságát is meghatározzák. További információért lásd az ASP.NET témakört és a borító áttekintést.
Kapcsolódó cikkek