Cascading style sheets voor beter webdesign
In Cascading Style Sheets kunt u aangeven hoe uw webpagina's zullen worden gepresenteerd op het scherm door simpelweg vooropstellen pagina-elementen zoals lettertypen, kop-en links.You kunt deze vooraf gedefinieerde elementen in de head-sectie van uw pagina's, maar meer interessant is om ze te gebruiken in een enkel. css-bestand en dat bestand in elke pagina op uw site.All u hoeft te doen is opnemen in uw HTML-header op te nemen. (het pad in het href moet verwijzen naar de plaats waar je. CSS-bestand is opgeslagen) Er zijn twee belangrijke voordelen aan het gebruik van CSS vellen in een apart bestand: 1. meer flexibiliteit; slechts een (1) bestand UPDATE2. minder HTML-codering en eenvoudige vervanging van deprecated HTML. Ik verklaren meer van dit below.First, laat me je vertellen ik ben geen cascading style sheet professioneel. Ik gebruik gewoon it.If u er een wilt worden, er zijn grote css bronnen en zelfstudies there.Just gaan tohttp: / / www.w3.org/Style/CSS/learning http://www.htmlhelp.com/reference/css/to een paar te noemen, maar er zijn nog veel meer. Type 'cascading style sheets' in uw favoriete zoekmachine en u krijgt veel information.But gewoon een leek in css benadrukt het belang van deze web design tool. Ik begon met behulp van Cascading Style Sheets in zijn meest elementaire vorm. Alles wat u hoeft te doen is de naam van de pagina-element dat u gaat specificeren en aan de specificaties ervan in accolades. Hier is mijn eerste css-bestand: body (font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; color: # 000000) Door simpelweg opslaan van deze code in een style sheet-bestand en met inbegrip van het in mijn webpagina ik plotseling niet hoefde te FONT verklaringen in het lichaam van mijn pagina's niet meer te definiëren. Wow, dat opgeslagen mij veel codering! Groot voordeel (nr. 2). ..... En ik had minder fouten in mijn HTML, omdat ik niet hoefde te sluiten dat lastige FONT tag (op de verkeerde plaats). Groot voordeel (nr. 2). Toen ik ontdekte dit, ik onmiddellijk begon toe te voegen definities voor andere tags zoals H1, H2, linktext (niet bezocht, bezocht en zweven) en speciale kleuren in text.If Ik wil de blik van mijn H1-header te veranderen, alles wat ik moet doen is veranderen de specs in mijn stijl plaat en presto .... de H1 is veranderd over mijn hele site. Hoe is dat voor flexibiliteit? Groot voordeel (nr. 1). Toen ik eenmaal mijn vernieuwde site die ik gebruikte HTML-validators om te zien hoe ik aan het doen was. Tot mijn verbazing vond ik dat HTML-commando's, de belangrijkste ene FONT, werden afgekeurd in HTML 4.0. Dat betekent dat uiteindelijk deze commando's zal niet worden gebruikt anymore.So Ik moest iets doen. Nogmaals, style sheets kwam de redding. All I hoefde te doen was definiëren hoe mijn lettertypen zou zien in mijn style sheet en ik had het probleem opgelost. Groot voordeel (nr. 2). Nu gebruik ik CSS te definiëren kopteksten, voetteksten, speciale tekst kleuren, speciale lettertypen en lettergroottes, bijzondere banden etcetera. Als ik ooit ontdek ik wat extra lay-out of stijl, ik heb net een regel toevoegen aan mijn. Css-bestand. Het is zo eenvoudig! Probeer het maar. Start met behulp van style sheets. Je bent flexibeler en bespaart u veel time.Wish je succes. Zaak StevensCase Stevens, eigenaar van AnOwnSite Internet Marketing, experimenteert met verschillende marketing technieken, websites, verkeer en lead generatie. Hij publiceert zijn ervaringen in een nieuwsbrief met begrijpelijk, succesvolle low cost internet marketing technieken, ideeën en strategieën, artikelen, nieuws, tips & trucs en interessante (gratis) downloads.Subscribe tegen betaalbare Online Strategie
Artikel Bron: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster krijgen html code
Voeg dit artikel aan uw website!
Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!
