Bekezdés készítés
2014.02.07. 20:25
Ha a css kódod td.modbody részébe illeszted be ezt a kód részletet, akkor az az oldalon megjelenő összes szövegre hatni fog. Szóval ha Te sok új bekezdést készítesz, akkor ott mind be fogja húzni és nem csak ott, hanem mondjuk a blog archivumánám hisz ott is egy-egy bekezdés van, az úgy annyira nem szép.
Ezzel a kódrészlettel készíthetsz bekezdéseket (az érték azt adja meg, hogy mennyivel legyen behúzva):
text-indent: 50px;
A CSS története: A stíluslapok már a HTML kezdete, 1990 óta jelen vannak valamilyen formában. A böngészők a stílus módosítására létrehozták saját leíró nyelvüket, melyet a webes dokumentumok megjelenésének módosítására lehetett használni. Eredetileg a stíluslapokat a felhasználók használták, mivel a HTML korai verziói még csak kevés prezentációs attribútumot tartalmaztak, így gyakran bízták a felhasználóra, hogy a webes dokumentumok hogyan jelenjenek meg. A webfejlesztők igényei folyamatosan növekedtek a stilisztikai lehetőségek irányába, így a HTML nyelvbe egyre több ilyen elem került. Ilyen lehetőségek mellett a stíluslapok kevésbé voltak fontosak, és egyetlen külső stílusleíró nyelv sem lett széleskörűen elfogadva a CSS megjelenése előtt. A CSS eredetileg Hakon Wium Lie ötlete volt 1994-ben. Bert Bos időközben egy Argo nevű böngészőn dolgozott, mely saját stíluslapokat használt; végül ők ketten döntöttek a CSS kifejlesztése mellett. Ekkor már több stílusleíró nyelv is létezett, de a CSS volt az első, ami a kapcsolás ötletét használta fel, vagyis a dokumentum stílusa több különböző stíluslapból tevődhetett össze. Ezáltal lehetőség nyílt arra, hogy a felhasználó által megadott stílus bizonyos esetekben felülírja a szerző stílusát, míg a többi esetben örökli azt. A stíluslapok ilyen kapcsolása mind a szerző, mind a felhasználó számára rugalmas vezérlést biztosított, mivel megengedte a vegyes stilisztikai beállításokat.
Ennek a kódja:
<div
style="
color:#ffffff; /*szöveg színe*/
text-indent: 50px;/*BEKEZDÉSHEZ, BEHÚZÁS MÉRETE****/
border-color:#000000;
overflow:auto;
width: 400px; /*szovegdoboz szelessege*/
height: 250px; /*szovegdoboz magassaga*/
border: 1px solid #dfdcdc; /*/*szegély tulajdonságai*/*/
padding: 5px; /*kitölts*/
background-image: url(Ide jön a háttérképed URL címe);
background-color: #6495ED;
">IDE JÖN A SZÖVEGED!!!</div>
|