Regulile de stil dintr-o foaie de stil CSS existent pot fi modificate utilizând fereastra de gestionare a stilului. În această prezentare, aspectul original al paginii cu trei coloane va fi înlocuit cu un aspect în două coloane. După aceasta, stilurile care se aplică aspectului original vor fi eliminate.
Ștergeți coloana din dreapta și schimbați stilul
Pentru a lăsa două coloane în structura paginii, trebuie să ștergeți codul care creează coloana din dreapta, apoi schimbați stilul celorlalte elemente și treceți la aspectul cu două coloane.
Ștergerea codului și formatarea coloanei din dreapta
Deschideți pagina Default.aspx sau accesați-o.
Accesați vizualizarea Design.
Trageți fișierul CSS creat din Solution Explorer pe pagină.
Ca rezultat, va fi creată o relație între fișierul CSS și pagina curentă. Pagina se va schimba în funcție de stilurile definite în fișierul CSS.
Accesați vizualizarea Sursă.
Eliminați elementul div. care începe cu o linie
.
În meniul Format, faceți clic pe Stilurile CSS. apoi faceți clic pe Gestionați stilurile.
Se deschide fereastra Gestionare stiluri. (Este stabilit în mod implicit.)
În fereastra de gestionare a stilului, faceți clic dreapta pe stilul #rightsidebar și selectați Ștergere.
Nu există cerc în jurul pictogramei #rightsidebar; acest lucru indică faptul că stilul nu mai este folosit pe pagină și poate fi șters.
În fereastra Management stil, faceți clic dreapta pe stilul #maincontent și selectați Override Style.
Apare caseta de dialog Suprascriere stil.
În secțiunea câmp, modificați valoarea din câmpul de introducere la 0.
Faceți clic pe OK.
Accesați vizualizarea Design. Acum există două coloane în aspect.
Înainte de a seta stilul imaginii, trebuie să adăugați imaginea însăși în proiect și să setați proprietatea ImageUrl pentru aceasta.
Pentru a adăuga o imagine la proiect, urmați pașii de mai jos.
În Solution Explorer, faceți clic cu butonul din dreapta pe numele site-ului Web, apoi faceți clic pe Adăugare element existent.
Se afișează caseta de dialog Adăugare element existent.
Selectați fișierul imagine și faceți clic pe butonul Adăugați.
Acum, când imaginea este adăugată la proiect, trebuie să o atribuiți controlului Imagine.
Pentru a atribui o imagine unui control de imagine, urmați pașii de mai jos
Deschideți fișierul Default.aspx sau accesați-l.
Navigați la vizualizarea Design și selectați butonul Control imagine.
Deschideți fișierul Default.aspx sau accesați-l.
Navigați la vizualizarea Design și selectați butonul Control imagine.
În fereastra de gestionare a stilului, aplicați stilul CSS floatright sau floatleft în Controlul imaginii. Pentru a face acest lucru, faceți clic dreapta pe stilul CSS dorit, apoi faceți clic pe Aplicare stil.
Stilul CSS selectat este atribuit stilului img.
Lucrul cu noua foaie de stil. Pentru mai multe informații, consultați Walkthrough. Creați și editați un fișier CSS.
Creați teme și capace care vă permit să specificați nu numai stilurile CSS, ci aproape toate proprietățile controalelor ASP.NET. Pentru mai multe informații, consultați subiectul ASP.NET și prezentarea generală a capturilor.
Articole similare