Anpassa HTML-taggar med CSS-regler - HTML-väljaren

April 28, 2024

En av anledningarna till att CSS är så populär är mångsidigheten som det ger till HTML-taggar. Även om du inte kan "stänga av" taggens inbyggda kontroller, kan du lägga till fler kontroller i HTML-taggarna för att utöka användbarheten. Du gör detta genom att lägga till nya CSS-definitioner i taggväljaren. Låt oss använda HTML

för vårt exempel och vi lägger till en bakgrundsfärg, ett teckensnitt, teckenstorlek och en textfärgkontroll till

märka. Detta orsakar allt mellan öppning och stängning

taggar som ska kontrolleras av våra nya definitioner på hela webbsidan.

p {
bakgrundsfärg: # 000000;
font-family: arial;
teckenstorlek: 12px;
färg: #ffffff;
}

I vårt exempel börjar CSS-regeln med HTML-väljaren (p) som följs av CSS-deklarationsblocket som innehåller alla fastighetsvärdesdefinitioner som vi vill lägga till. Som vanligt börjar varje definition med egenskapen, följt av en kolon, värdet och slutar med en semikolon. Hela blocket placeras inom lockiga konsoler. Det finns några saker att komma ihåg när du skriver dina egna CSS-regler för HTML-taggar.

Du kan placera din anpassade CSS-regel i taggarna i huvudavsnittet på din webbsida.
Du kan placera din anpassade CSS-regel i en extern CSS-fil.
De anpassade CSS-definitionerna som du lägger till i en viss taggväljare måste innehålla egenskaper som kan styras av den taggen.
Eftersom du placerar den anpassade regeln i huvudavsnittet eller extern CSS-fil påverkar den hela webbsidan. Om du bara behöver styra en enskild HTML-tagg (en speciell instans av en tagg), använder du en inline-stil på den enskilda taggen.
Taggen behåller de inbyggda egenskaperna för den HTML-taggen. Till exempel HTML fet stil kommer att fortsätta att använda fetstil på alla texter som placeras mellan öppning och stängning taggar.

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

Anpassa HTML-taggar med CSS-regler - HTML-väljaren, HTML, hur man omdefinierar en HTML-tagg, hur man använder CSS för att omdefiniera en HTML-tagg, hur man definierar en CSS-väljare, hur man definierar en HTML-tagg, hur man använder css för att definiera en html-tagg, CSS-väljare, CSS-ruls, CSS-definitioner, egenskapsvärde-par, hur man skriver dina egna CSS-regler

Tidigare Artikel

Nästa Artikel

Relaterade Artiklar

datorer

Max Payne 3 - PC Review

April 2024

Återupplivningen av en klassisk shooter-serie, "Max Payne 3", erbjuder otrolig bild och film, men är i slutändan förenklad ur spelets synvinkel. Max Payne 3 sätter dig i skorna på den huvudsakliga...

datorer

Efterliknar en formulärpost med ASP

April 2024

Skicka information i en URL med & och? verkligen fungerar - men det är inte särskilt säkert! Om du istället har din ASP-kod POST hjälper du till att förhindra hackare att påverka din kod. Till...