Tilpasning af HTML-tags med CSS-regler - HTML-vælgeren
En af grundene til, at CSS er så populær, er den alsidighed, det giver til HTML-tags. Selvom du ikke kan "slukke" for tagets indbyggede kontroller, kan du tilføje flere kontroller til HTML-tags for at udvide deres anvendelighed. Det gør du ved at tilføje nye CSS-definitioner til tagvælgeren. Lad os bruge HTML

tag til vores eksempel, og vi vil tilføje en baggrundsfarve, en font ansigt, skriftstørrelse og en tekst farve kontrol til

tag. Dette vil forårsage alt mellem enhver åbning og lukning

tags, der kontrolleres af vores nye definitioner på hele websiden.

p {
baggrundsfarve: # 000000;
font-familie: arial;
skriftstørrelse: 12px;
farve: #ffffff;
}

I vores eksempel begynder CSS-reglen med HTML-vælgeren (p), som følges af CSS-deklarationsblokken, der indeholder alle egenskabsværdiedefinitionerne, vi ønsker at tilføje. Som sædvanligt begynder hver definition med egenskaben, efterfulgt af et kolon, værdien og slutter med et semikolon. Hele blokken placeres inden i krøllede parenteser. Der er et par ting at huske, når du skriver dine egne CSS-regler for HTML-tags.

  • Du kan placere din tilpassede CSS-regel inden for tags i hovedafsnittet på din webside.

  • Du kan placere din tilpassede CSS-regel i en ekstern CSS-fil.

  • De tilpassede CSS-definitioner, du tilføjer til en bestemt tagvælger, skal indeholde egenskaber, der kan kontrolleres af det tag.

  • Fordi du placerer den tilpassede regel i hovedsektionen eller den eksterne CSS-fil, vil den påvirke hele websiden. Hvis du kun behøver at kontrollere et individuelt HTML-tag (en speciel forekomst af et tag), anvender du en inline-stil på det individuelle tag.

  • Mærket bevarer de indbyggede egenskaber for det HTML-tag. F.eks. HTML fed markering fortsætter med at anvende fed skrift på enhver tekst, der er placeret mellem åbning og lukning tags.




Video Instruktioner: Como hacer Responsive Design | Codigo para una Pagina Responsive (April 2024).