tips: het gebruik van normale document -,,,, de indeling van de CSS de moeilijkste dingen zegt, maar ze is onbetwistbaar een van de meest belangrijke.In deze tip moeten we kijken naar de normale documentatie - en hoe het je kan helpen de lay - out.,,,, dat de invoering van de normale, in mijn document - betekent dat ik moet uitleggen: //europa.eu.int /comm /elementen van de verschillende soorten, en hoe ze die bij verstek, we willen concentreren op twee elementen: //europa.eu.int /comm /de belangrijkste soorten, namelijk de "blok" en "in" elementen.Als gevolg van de komst van 5 hebben wij de meer specifieke elementen die de indeling (taal, stroom, en afdeling), hoewel nog steeds doeltreffend tegen de blokken en in de definitie van de browser, een element is als anker met inbegrip van etikettering, en over het beeld.De definitie van deze elementen van de tekst en de gegevens vaak het woord, zoals hier in een band.De standaard elementen blijkt dat...Nou, in de rij.Je kan met mij hebben elementen in één lijn. Tot de breedte van de met element is bereikt, op die ze op het punt blijven de volgende, < p> < strong> dit is een voorbeeld van verscheidene in elements< /strong > alle Lid Contained in A < a: /&#"> met inbegrip van een anchor< /a> < span> a span< /span> < ze > en een nadruk tag.< /em> < code> ook de browser en je zien hoe a browser handles in elementen van deze default.< /code> < abbr> dat is goed, alles op één lijn en wraps.; is er niet meer room.< /abbr> < /p>, zie dit element van demo in actie. In Block-level elementen, maar als, div, s en de punten 5, plus newerZoals, artikelen, en, gedeeltelijk, zeer verschillende eigenschappen in gebreke blijven.Blok meestal, maar niet altijd, met inbegrip van elementen of andere blok.Ze denken "structuur" voor de twee elementen, de browser (standaard) formaat blok en een lijn vóór en na het breken.Met andere woorden, blok beginnen altijd een nieuwe lijn (opgestapeld als blok) tenzij anders stijl.,, vorm, in alle omstandigheden, kunnen we het veranderen van een element dat door de CSS kenmerken vertonen:, - {blijkt dat blok, /* * /} in, bijvoorbeeld, die ook aangegeven kenmerken om te bepalen Wat kan stijl.Bijvoorbeeld, kunnen we vrij zeker een blok van de breedte en hoogte, maar niet met de elementen.En de rand gevuld kan worden toegepast op een element is, maar die niet van invloed zijn op de omvang van de elementen bevat.Kijk naar het voorbeeld van wat ik bedoel:,, met uitzondering van de blokken en in de gemeenschappelijke kenmerken vertonen, zijn er een aantal voorbeelden van vaak ontmoet.Bijvoorbeeld, als je wilt dat een van de elementen in, maar het is als een blok?Input, in blokken, in waarde.In blok elementen eigenschappen behouden, zoals de breedte, lengte, marge en het vullen, aangezien zij van toepassing zijn op blok, met behoud van de kwaliteit van de structuur van de elementen, in blokken is een mogelijke vervanging van het variabele element, maar zeker niet in deze situatie, een andere waarde tonen, dat is niet erg goed is, een lijst van projecten, het is wat het is, dat in het blik.De lijst van de toepassing van elk element dat in de verticale richting, zoals je zou verwachten, maar ze hebben ook een kogel.Dit is de lijst opgenomen gegevens nuttig zijn, maar in de logica van de lijst is het, zoals: ul. < > < li > Charles rosewood 比金斯 < /Lee > < li > de tweede Wiggins Hortensia < /Li GT; < li > slimme boerenkinkel potlood < /Lee > < /UL > en tot slot, de standaard, blijkt dat de aangegeven waarde, voor wat het waard is, "niet".Kan je raden wat het is?Dit is de juiste, een element, dat eigendom is van het "nee" niet vermeld op de pagina van het visuele (samen met alle elementen in het) van het document te schrappen.Of dat de etikettering van de elementen worden gestuurd naar de browser, maar dat het niet tot een doos, is aan het oog onttrokken - scherm lezer niet halen, of.Het heeft geen ruimte, dus die kunnen worden vervangen door andere elementen van het dossier, dus wat is normaal?Dit is een pagina is aan te tonen, als je niets doet, en de structuur van het model, en boven de ideologische, wat normaal is - de documenten?Dit is een pagina 's is aan te tonen, als je het niet doet, en de structuur van de vorm.Weergave van de inhoud van de browser, die het, op de Top van de eerste, de inhoud van het programma iets lager, als mensen hun eerste ontwerp, maar al te vaak op allerlei mooie truc leren, niet op basis van kennis en de grondbeginselen.Als je kan het begrip normale documenten -, je ontwerp is nog beter.,, oefening: etikettering, laten we uit de zeer fundamentele CSS een eenvoudige foto 's op de tribune.Ik doe het snel een begin: //europa.eu.int /comm /documenten, na alles wat we hebben is voornamelijk in de vorm van.Zet de code je redacteur, ik zal uitleggen wat er in zit.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < titel > de normale documenten - < /titel > < stijl = "tekst /CSS" > < /stijl > <.- [9] als LT ie > < script src = 'http: //html5shim. Googlecode. COM /SVN /romp /5. J' s "> < /scripts > <.[arrest]:% GT% < /hoofd > < lichaam > < div = "CONTAINER" > < H1 > het document - normaal. < /H1 > < figuur = "atlas" > < IMG - src = "http://placekitten.com/g/100/200" (= "> LT IMG -" = "; http://placekitten.com/g/160/200" (= "> < IMG - src =" http://placekitten.com/g/220/200 "(=" > < IMG - src = "http://placekitten.com/g/180/200" (= "> < IMG - src =" http://placekitten.com/g/240/200 "(=" > < IMG - src = "http://placekitten.com/g/130/200" (= < /"" > grafiek% GT% < artikel > < H > is verheugd over het feit dat in mijn fotoalbum.< /H > < p> ik de man zonder naam, zapp brannigan.BENDER, God is niet makkelijk.Als je te veel doet, zullen de mensen afhankelijk van je, als je het niet doet, zullen ze de hoop te verliezen.Je moet gebruik maken van een contact met het licht.Als een dief of een zakkenroller.Hé, Raad eens wat voor je is.Leela, BENDER, we gaan naar de Tombe.Ook onder.- Oh, schat!Ze is in een oneindige cyclus, hij is een idioot.Oké, dat is liefde voor jou. < /P > < p> ik kan met een wapen?Oh, nee!De professor wil met me vechten.Maar als z 'n "herstel" het & hellip; misschien een geschenk.Gebakken.Om het juiste te doen, jij klootzak!Wie is de dapperste te vliegen in al onze spullen, is een van de gebieden is dood?Ik denk niet dat er iets dood omdat mijn cavia 's. < /P > < /artikel > < /div > < meter > < /meter > < /body > < /HTML > en op de Top van een lege CSS - blok.Dit is ons zal beginnen te vormen.Hier is een voorwaarde zal het script te koppelen aan de partij, die zullen bijdragen tot de identificatie en de correcte weergave van het Internet Explorer 5 elementen.Hier is de verplichte etikettering van de lichamen.Er is een hele bladzijde van de etikettering van containers, is er ook een foto van de bibliotheek.Ik heb met placekitten voor beeld, tekst en fillerama vullen.Dus dit is het, dus nu alleen om te laten zien hoe de normale documenten - werk, kijk of je de pagina 's van zojuist.Zoals je verwacht?In de lijn van de beelden van een vader, tot de breedte van het element, in dit geval, grafiek (voor 100% van mening, maar het kan een winst van de standaard) gevuld.Terwijl je nog niet zien op het niveau van de blokken, alle elementen, zoals die van mensen, en artikelen, op hun eigen weg, dit is de normale actie in de stroom van het document.Nu, als de omvang van de aanpassing van de browser.Ja, het is een vloeistof.Oké, misschien niet helemaal, als we de vloeistof, om het te begrijpen, als ik de beelden niet voorbehouden afmetingen.Maar je zou de indeling van de vloeistof bij verstek.,, de praktijk: de CSS, alleen maar om te bewijzen dat ik je niet voor de gek op het blok, laten we nog wat achtergrond geven.In je CSS blok: //europa.eu.int /comm /documenten, worden toegevoegd aan de top:,. Containers {achtergrond: #} {f2f2f2; de achtergrond:b0000;}, nu nog een gekleurde achtergrond, de resultaten van de inspecties.Het moet worden beschouwd als een blok, oefeningen, onder de vorm van de CSS: indeling, die alleen uit de doos model CSS eigenschappen (breedte, rand, vullen, enz.), maar het toont weinig CSS kan creëren ter vervanging van de vaste inrichting, en je hebt de CSS:,, de container (breedte: 65%.: 0 -; de marge; achtergrond:&#f2f2f2;} {links: grafiek 10 pixels worden gevuld;} {aan H1 - familie, Genève, Ariel, helvetica, sans serif; kleur:b0000; vol links: 10 pixels de achtergrond: #;} {8b0000; kleur:&#oude f2f2f2; 10 pixels;}, de CSS we wijzen de breedte van de tank van 65%.We kunnen ook gebruik maken van een vast percentage van de waarde van het vasthouden van vocht pixels, maar de aard van de documenten en bewijsstukken, - doeltreffender te maken.We zijn in het centrum van de pagina 's, aan de rand van een automatische 0, de rest is een kunst.Ik nog een vulling van elke ruimte, lettertype en het lettertype, dit gaat over het redden van de, in je browser van de documenten en de mening van een project, als ik op het werk, ik ben altijd rekening te houden met de normale documenten in de stroom.Dit doet me denken aan hoe ik ze kan verbeteren en kunnen kleine CSS.,, conclusies, de toepassing van de beginselen die we vandaag leren om je eigen voorbeeld.Je vindt (structuurfondsen) kan je in de drijvende en - technologie veel.,, de verhoging van de eigen middelen, een element in het netwerk mozilla ontwikkelaars, mozilla ontwikkelaars netwerk in blok, visuele totstandkoming van een model in quirksmode W3C, waaruit blijkt dat de verklaring blijkt dat de CSS: waarom het in blokken steen, en Waarom het klote Robert nyman, waaruit blijkt welke behandeling: in blokken?Josh Johnson, niet gebruiken om aan te tonen dat: geen visie voor de inhoud van het scherm lezen verborgen in het asiel bij 456 kilometer.