Als u op zoek bent naar een eenvoudige manier om het uiterlijk van vele pagina's op uw website te wijzigen met een minimale over van de programmering , cascading style sheets ( CSS ) , is een manier om het te doen . Wanneer u wijzigingen in het . Css -bestand , alle pagina's die verwijzen naar dat . Css -bestand de veranderingen zal weerspiegelen maken . CoffeeCup StyleSheet Maker is een tekstverwerkingsprogramma met veel ' Wat u ziet is wat je krijgt " ( WYSIWYG ) functies die helpen mensen met beperkte CSS programmeervaardigheden te sitewide wijzigingen in tekst , achtergronden en meer geven . Dat gezegd hebbende , moet je nog steeds elementaire CSS programmeervaardigheden te navigeren door de code in StyleSheet Maker . Instructies Lettertype Ontwerp 1
Open een nieuwe style sheet -bestand . Kopen van 2
Kies " Body" van de " Pick a Tag " drop-down in de werkbalk . Dit zal een body -tag in het document 3
Plaats uw cursor in de beugels van de body-tag te creëren . 4
Klik op de " Font Ontwerper " pictogram op de werkbalk . Dit opent een pop - up venster waarin u kunt kiezen voor de karakteristieken gewenste lettertype , waaronder variaties in het lettertype , lettergrootte en lettertype kenmerken . 5
Klik op " Cool " wanneer u het lettertype hebt gekozen opties om ze te zien verschijnen in het venster van uw project . wijzigen Tekstuitlijning 6
Plaats uw cursor in de body-tag . 7
Klik op de " Alignment " icoon in de werkbalk . Dit opent een pop - up venster waarin u kunt kiezen voor uw text-indent eigenschap , line-height eigenschap , woord en letter spacing , vertical-align eigenschap en tekst - uitlijning pand . 8
Klik op " Cool "wanneer u hebt gekozen uw groepering opties om ze te zien verschijnen in het venster van uw project . Kleuren wijzigen
Plaats 9 uw cursor in de body-tag . < br > 10
Klik op de " kleur en achtergrond " icoon in de werkbalk . Dit opent een pop - up venster waarin u kunt kiezen voor een achtergrondkleur uit een palet , tekstkleur uit een palet en , als u wilt , kunt u ook een foto te gebruiken als achtergrond voor deze interface uploaden. < Br > 11
Klik op " Cool " wanneer u hebt gekozen uw kleuren om ze te zien verschijnen in het venster van uw project . Uitvoeringsbesluit Wijzigingen 12
Sla uw bestand als een CSS-bestand . Bijvoorbeeld , " mystylesheet.css " is perfect aanvaardbaar . Misschien wilt u de stylesheet te noemen op een manier die betrekking heeft op de pagina's die het beïnvloedt . Bijvoorbeeld , " productpages.css " of " contentpages.css " zijn gemakkelijk te onthouden . 13
Upload het bestand naar uw website , idealiter in je root directory , zodat het bestand op uw website zou http zijn ://www.mysite.com /mystylesheet.com .
Copy 14 de volgende code in de head sectie van de pagina's die u wilt nadenken codering in de . css -bestand .
Onthoud , gebruikt u de naam van uw stylesheet in het href -tag . < br >
