Video: CSS Efecto - 02 PseudoElementos @JoseCodFacilito 2024
Hver Absoluttpositioneret (AP) Div du tegner i Adobe Dreamweaver CS6 er automatisk opført i panelet AP Elements (vælg vindue → AP elementer for at vise det). AP Elements-panelet kan hjælpe dig med at vælge, skjule og vise eventuelle AP-divs på siden. Dette panel er praktisk, når du har masser af AP Divs på siden og vil navigere blandt dem præcist.
For det meste, fordi du kan ændre egenskaberne for enhver AP Div fra den tilsvarende ID-stil, hjælper panelet dig med at finde ud af, hvilken ID-stil der tilhører en AP Div.
AP Elements panelet er ofte grupperet med CSS Styles panelet, bare hvis du leder efter det.
Følg disse trin for at ændre en boks (AP Div):
-
Vælg vindue → AP elementer for at åbne panelet AP Elements.
-
Find og vælg apDiv1 i panelet for at markere det på siden.
Ejendomsinspektøren viser sin størrelse og position ud over andre egenskaber.
-
Brug tekstbokse i egenskabsinspektøren ved at ændre boksbredden ved at indtaste et nummer i feltet W og ændre boksens højde ved at indtaste et tal i feltet H.
-
Klik på farveprøven ved siden af Bg Color, og vælg en farve fra pop op-panelet Farveprøver for at indstille en baggrundsfarve til boksen.
For yderligere egenskaber, f.eks. Kant eller polstring, skal du tilføje dem i panelet CSS Styles.
-
Hvis panelet CSS Styles ikke allerede er synligt, skal du åbne det ved at vælge Window → CSS Styles.
-
Dobbeltklik på # apDiv1 ID-stilen, der styrer boksen.
Dialogboksen CSS Rule Definition vises.
-
Vælg grænsekategori fra venstre for at ændre grænsen.
-
Brug rullemenuen Top til at indstille en grænsestil (f.eks. Solid) til alle fire sider i kolonnen Style.
Brug rullemenuen Top under kategorien Bredde til at vælge en kanttykkelse (for eksempel medium) for alle fire sider. Brug den øverste farvevælger under kolonnen Farve for at tildele en kantfarve til alle fire sider.
Hvis du vil tildele forskellige værdier til nogen eller alle sider for stil, bredde eller farve, skal du fjerne markeringen i afkrydsningsfeltet Samme for alt under deres respektive kolonner.
-
I rubrikkategorien til venstre under Padding skal du sætte polstring for alle fire sider af kassen til den tykkelse, du ønsker (for eksempel indtast 5 px i tekstbokse).
-
Klik på OK for at afslutte panelet og anvende ændringerne.
Du kan se, hvordan de CSS-egenskaber, du har anvendt, påvirker apDiv1-boksen på siden.
For at skjule en boks, der vises under panelet AP Elements, skal du klikke på kolonnen til venstre for navnet (under øjenikonet), indtil et lukket øjeikon vises.For at gøre boksen igen, skal du klikke på Eye-ikonet, indtil boksen åbnes igen.
Du kan muligvis markere afkrydsningsfeltet Forhindre overlap, som ikke er valgt som standard øverst på panelet AP Elements. Fordi AP Divs nemt kan overlappe hinanden, vælger dette afkrydsningsfelt denne adfærd ved at tvinge bokse ved siden af hinanden og forhindre oprettelsen af nye felter oven på hinanden.