Tip 1: Hoe een streepje in te stellen
Tip 1: Hoe een streepje in te stellen
Meestal voor het specificeren van maten streepjes in HTML-pagina's gebruiken functies van taal-CSS(Cascading Style Sheets - "Cascading Style Sheets"). Hoewel er in de HTML-taal zelf verschillende "rudimentaire" resten zijn, die in sommige gevallen inkeping mogelijk maken. Hieronder staan de opties die het meest worden gebruikt, maar afgezien daarvan zijn er nog steeds veel verschillende soorten trucs waarmee u inspringing kunt opgeven voor niet-standaard opmaak van HTML-documenten.
Je hebt nodig
- Basiskennis van HTML en CSS
instructie
1
Identificeer het volgende pagina-elementtel van streepje. Als de tekst bijvoorbeeld in de tag <div> ... </ div> (blok) is geplaatst, is het bovenliggende element voor deze tekst dit blok en moet de inspringing worden geteld vanaf de blokgrenzen. En als de tekst (of afbeelding) zich niet in een blok (div, li, etc.) of kleine letters (span, p, etc.) bevindt, dan is het bovenliggende element de hoofdtekst van het document (body-tag). Het bepalen van het bovenliggende element voor de tekst is noodzakelijk omdat het aan hem is om stijlbeschrijvingen op te geven die inspringen. We gaan ervan uit dat de tekst in het div-blok is geplaatst: <div> Voorbeeldtekst </ div>
2
Gebruik de marge-eigenschap van CSS omGeef externe inspringingen op, dat wil zeggen de afstand van de grenzen van het element tot de naburige elementen en ook tot de grenzen van het bovenliggende element. Deze afstand kan afzonderlijk worden ingesteld voor een inspringing aan elke kant: marge-boven - van boven, marge-rechts - naar rechts, marge-onder - van beneden, marge-links - naar links. Voor het bovenstaande voorbeeld kan de CSS-code er als volgt uitzien: div {margin-top: 10px; margin-right: 15px; margin-bottom: 40px; margin-left: 70px;} Hier is "div" een selector die aangeeft dat deze stijl moet worden toegepast op alle div-tags in de documentcode. Met de CSS-syntaxis kunt u alle vier de regels combineren: div {margin: 10px 15px 40px 70px; } Waarden streepjes u moet altijd in deze volgorde opgeven: eerst, boven, dan rechts, onder en links.Als de streepjes aan alle kanten hetzelfde zijn, dan hoeft u de waarde maar één keer op te geven: div {margin: 70px;} Bovendien kunt u de zwevende buitenste streep horizontaal instellen (dus links en rechts) . Dit kan erg handig zijn wanneer u een blok met de opgegeven breedte precies in het midden van het browservenster moet instellen. De browser bepaalt automatisch wat de inspringing van beide kanten moet zijn als u zo'n CSS-instructie schrijft: div {margin: 0 auto;}
3
Gebruik de padding-eigenschap om in te stelleninterne inspringingen, dat wil zeggen, de afstand van de grenzen van het element tot alle elementen die erin zijn geplaatst, inclusief tekst. De syntaxis voor het schrijven van deze eigenschap is exact dezelfde als voor de marge-eigenschap div: {padding-top: 10px; opvulling rechts: 15px; padding-bodem: 40px; padding-left: 70px;} Ordiv {padding: 10px 15px 40px 70px;}
4
Gebruik de eigenschap text-indent om een extra streepje op te geven voor de eerste regel van elke alinea van de tekst. Bijvoorbeeld: div {text-indent: 80px;}
5
Gebruik de kenmerken hspace en vspace van de HTML-tagimg, om respectievelijk de horizontale en verticale afstand van het beeld tot de buitenste elementen in te stellen. Hier bijvoorbeeld: <img src = "/ images / pic.gif" hspace = "10" vspace = "15" />
6
Gebruik het kenmerk cellpadding van de tabeltag, alsU moet een offset opgeven van de celranden in de tabel naar de inhoud ervan. En het kenmerk cellspacing geeft de ruimte tussen de cellen in de tabel aan. Bijvoorbeeld: <table cellpadding = "10" cellspacing = "15"> <tr> <td> 1 </ td> <td> 2 </ td> </ tr> </ table>
Tip 2: Hoe de achtergrond in te stellen
Om uw site op internet te verfraaien, kunt u het ontwerp aanpassen. De verandering van ontwerp impliceert elke actie, beginnend met een verandering achtergrond hoofdpagina tot de sitesjabloon volledig opnieuw is getekend. Als u besluit de achtergrond van uw site te wijzigen, kunnen de volgende instructies helpen bij het oplossen van dit probleem.
Je hebt nodig
- Het css-bestand bewerken.
instructie
1
Voor het grootste deel is de site-ontwerpcodein het bestand style.css. Maar elke sjabloon kan verschillen van de vorige, dus de ontwerpcode kan zich in een ander bestand bevinden, maar ook met de extensie CSS. Om de kleur te specificeren achtergrond uw site, moet u al invoeren of vervangenBestaande waarde voor de volgende uitdrukking: / * witte achtergrond * / body {background-color: #FFFFFF;} / * witte achtergrond van de titel, zwarte letterkleur * / h1 {color: # 000000; achtergrondkleur: #FFFFFF;}
2
Om een afbeelding in het formulier in te voegen achtergrond op uw site moet u invoeren of vervangenBestaande waarde voor de volgende expressie: body {background-colour: # 000000; background-image: url ("Image-1.jpg");} Het is vermeldenswaard dat u in dit geval een link moet opgeven naar het afbeeldingsbestand dat zich in dezelfde map als het css-bestand bevindt.
3
Als u een kleine foto wilt tinten offoto van een klein formaat, gebruik dan de background-repeat. Om deze opdracht goed te gebruiken, zijn er diverse verfijningen van deze opdracht: background-repeat: repeat-x - herhaal het beeld op de x-as; background-repeat: repeat-y - afbeelding herhalen op een as y; background-repeat: repeat - herhalen foto's langs twee assen tegelijk; background-repeat: no-repeat - herhalen het beeld wordt niet uitgevoerd; background-attachment: scroll - verschuivende beelden, samen met de pagina; background-attachment: fixed - scrollen beelden niet osuschestvlyaetsya.Ispolzuya syntaxis van deze opdracht, kunt u haar werk te laten zien voorbeelden: background-position: 30px 40px - beeld lager 30 pixels boven en rechts met 40 pixels van links kraya.background-posities: 60% 35% - linkermarge is 60% en de bovenmarge is 25%.
Tip 3: lijsten met opsommingstekens maken
Voor volledig werk met een teksteditorMicrosoft Word moet basiskennis hebben: de mogelijkheid om velden te maken, de vereiste indeling opgeven en het document volgens de opgegeven parameters te structureren, wat het ontwerp van de lijst met opsommingstekens is.
instructie
1
Als je na een reeks gewone alinea's die je nodig hebtmaak een lijst met opsommingstekens of verander al getypte lijnen erin, klik vervolgens op de taakbalk boven in het geopende venster, klik op de knop Opmaak en selecteer vervolgens de opdracht Lijst in het vervolgkeuzemenu. Als het menu in de verkorte vorm wordt weergegeven, wordt het uitgebreid door op het cirkelpictogram te klikken met een dubbele pijl vanaf de onderkant. De voltooide tekst, onderverdeeld in regels en onderhevig aan opmaak, wordt gemarkeerd door de linkermuisknop op het vloerkleed ingedrukt te houden voordat u deze actie uitvoert.
2
In het geopende kleine venster is het noodzakelijk om de eerste te kiezenKlik op het tabblad met de juiste naam en klik vervolgens op de voorbeeldlijst met de vereiste markering: bold punt, vierkant, kruis aan. Klik vervolgens op de knop "OK" en pas het formaat handmatig aan naar wens, of voer deze bewerking uit met een nieuw venster dat verschijnt nadat u op de opdracht "Bewerken" hebt geklikt. Het maakt het niet alleen mogelijk om het pictogram van de lijst te veranderen door een ander in een uitgebreidere lijst te vinden, maar ook om een andere lettergrootte van het symbool in te stellen, en het zelfs volledig te veranderen in een willekeurige tekening, wat handig kan zijn bij het maken van felicitaties en andere kleurrijke documenten. Het invoegen van een afbeelding in plaats van de gebruikelijke tekens gebeurt via de knop "Importeren".
3
Afzonderlijke functie is om de situatie te verduidelijkenmarkering - als u deze optie overslaat, komt het lijstformulier mogelijk niet overeen met de opgegeven parameters. De inspringing van een markering is de afstand tussen deze en de linkermarge van het document, een soort rode lijn. U kunt het instellen op 0 cm of het iets wegtrekken van de rand van de rest van de tekst. "Tabulatie" in de kolom "Positietekst" betekent de locatie van het eerste woord in een rij ten opzichte van de markering. De waarde in deze cel kan niet kleiner zijn dan in de vorige, wat de inspringing van het teken aangeeft. Als ze samenvallen, hangt de tekst nauw aan bij de genummerde lijst. Tekstinspringing verwijst naar de locatie van de volgende regels in één alinea, ze kunnen hetzelfde voorkomen als de rest van de tekst, of enigszins afwijken van de linkermarge.
4
Gebruikers die liever niet werkenvia menu's en dialoogvensters, kunt u het overeenkomstige pictogram in de opmaakbalk gebruiken. Door erop te drukken in plaats van de cursor of geselecteerde lijnen krijgt een genummerde lijst, die is opgemaakt met behulp van tabs en de positie van de tekst op de bovenste liniaal. Als u de zwarte hoek van het tabblad verplaatst, stopt het eerste woord van de eerste regel, de bovenste driehoek - de locatie van de markering en de onderste driehoek op het platform - de rest van de intrapersoonlijke tekst.
