Hur dra in en punkt när du skapar en webbsida med en CSS-formatmall

July 20

Hur dra in en punkt när du skapar en webbsida med en CSS-formatmall


Cascading Style Sheets (CSS) ger dig exakt kontroll över element på webbsidor. Använd CSS för att ställa in färger, storlek kontroller och även indrag stycken. Webbläsare inte strecksatsen stycken som standard. Det kan finnas tillfällen, men när ett indraget stycke - såsom sett i böcker - kan lägga till visuella intryck på en webbsida. Genom att definiera en CSS "text-align" egendom i en extern CSS-formatmall, kan du styra punkt indrag på alla sidor på din webbplats.

Instruktioner

1 Öppna Anteckningar eller din HTML-redigerare, och skapa ett nytt dokument.

2 Klistra in följande CSS-kod i dokumentet:

p {text-strecksatsen: 1em;}

Denna rad av CSS anger "text-strecksatsen" egendom av punkterna till 1em. Utvecklare kan ange teckenstorlek värden med hjälp av pixlar eller "em" enheter. En em enhet motsvarar den aktuella teckenstorleken. I detta exempel, till exempel, ett värde av 1em indrag ett stycke 12 pixlar om den aktuella teckenstorleken är 12 pixlar. World Wide Internet Consortium rekommenderar att man använder em måttenheter. Om du hellre vill ange indraget belopp med hjälp av pixlar, klistra in följande kod i dokumentet i stället:

p {text-strecksatsen: 12px;}

3 Spara dokumentet med en .css filändelsen. Till exempel, om du vill kalla den "MyStylesheet" spara det som "MyStyleSheet.css." Detta skapar din CSS-formatmall som någon sida på din webbplats kan referera till.

4 Öppna en av dina HTML-dokument med hjälp av HTML-redigeraren eller Anteckningar.

5 Lägg till en punkt till dokumentets avsnittet "kropp" som visas nedan:

<P>

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea CoMModo consequat. Duis Aute irure dolor i reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt i culpa qui officia deserunt mollit anim id est laborum. "

</ P>

Denna punkt innehåller dummy "Lorem Ipsum" text. Webbutvecklare använder "Lorem Ipsum" text för att hjälpa till med layout och design. Genom att placera nog av denna text på en webbsida, kan du se hur en hela stycket ser med indrag.

6 Lägg till följande formatmallen länk uttalande till dokumentets avsnittet "huvud":

<Link href = "xyz.css" rel = "stylesheet" type = "text / css" />

Detta lägger till en referens till en extern CSS-formatmall. Ersätt "xyz.css" med namnet på den formatmall som du har skapat.

7 Spara HTML-dokument och visa den i webbläsaren. Webbläsaren kommer styckets av distans belopp du anger i formatmallen.

Tips

  • Ändra em eller pixelvärde i formatmallen till några värden som du gillar. Efter att en förändring, visa webbsidan i en webbläsare för att se hur förändringen påverkar styckets indrag.
  • Lägg formatmallen "länk" uttalande till valfri webbsida som kräver punkt indrag.

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com