Ngagunakeun téks-Indent Harta jeung Wates Selectors Sibling
Alus desain web téh mindeng ngeunaan tipografi alus. Kusabab kitu loba kandungan kaca web urang geus dibere salaku téks, keur bisa gaya tulisan nu janten duanana pikaresepeun tur éféktif mangrupa skill penting mibanda salaku desainer wéb. Hanjakal, urang teu boga tingkat sarua kontrol typographic online yén urang ngalakukeun di print. Ieu ngandung harti yén urang teu tiasa salawasna téks reliably gaya dina ramatloka dina cara nu sarua yén urang bisa ngalakukeun kitu dina salembar dicitak.
Hiji gaya ayat umum yén anjeun tingali sering di print (jeung nu bisa nyieun deui online) nyaeta dimana garis mimiti ayat anu indented hiji spasi tab . Hal ieu ngamungkinkeun pamiarsa ningali dimana salah ayat dimimitian na tungtung séjén.
Anjeun teu ningali gaya visual ieu jauh di kaca web sabab panyungsi, sacara standar, tampilan ayat kalawan spasi underneath aranjeunna salaku cara pikeun nembongkeun dimana salah tungtung na sejen dimimitian, tapi upami Anjeun hoyong gaya kaca geus yén print- diideuan gaya indent on ayat, anjeun tiasa ngalakukeunana jeung sipat gaya tulisan-indent.
The rumpaka keur sipat ieu téh basajan. Di dieu nyaeta kumaha anjeun bakal nambahan hiji téks-indent kana sagala ayat dina dokumen a.
p {téks-indent: 2em; }Nyieun husus nu Indents
Hiji cara anjeun bisa nangtukeun persis ayat ka indent, Anjeun bisa nambah kelas ka ayat rék indented, tapi nu butuh nu ngédit unggal paragrap pikeun nambahkeun kelas pikeun eta. Maksudna teu episien sarta henteu nuturkeun HTML coding lila pangalusna.
Gantina, Anjeun kudu mertimbangkeun mun anjeun indent paragraf. Anjeun indent ayat nu langsung di handap ieu ayat sejen. Jang ngalampahkeun ieu, anjeun tiasa nganggo pamilihan sibling meungkeut. Kalawan pamilihan ieu, anjeun milih unggal ayat nu ieu langsung dimimitian ku ayat sejen.
p + p {téks-indent: 2em; }Kusabab anjeun indenting garis kahiji, anjeun ogé kudu pastikeun yén ayat anjeun teu ngagaduhan spasi tambahan antara aranjeunna (nu browser standar). Stylistically, Anjeun kedah boh gaduh spasi antar paragraf atawa indent garis kahiji, tapi teu duanana.
p {margin-handap: 0; padding-handap: 0; } P + p {margin-luhur: 0; padding-luhur: 0; }Indents négatip
Anjeun oge bisa make harta téks-indent marengan hiji nilai négatip, ngabalukarkeun mimiti garis pikeun balik ka kénca sabalikna bener kawas indent normal. Anjeun bisa ngalakukeun ieu lamun hiji garis dimimitian ku tanda petik kitu yén karakter cutatan nembongan dina margin slight ka kénca paragraf jeung hurup sorangan masih ngabentuk alignment kénca nice.
Ucapkeun, misalna, nu boga eta ayat mangrupakeun turunan hiji blockquote jeung rék ka jadi négatip indented. Anjeun bisa nulis CSS ieu:
blockquote p {téks-indent: -.5em; }Ieu bakal masihan mimiti ngeunaan ayat nu presumably ngawengku bubuka karakter cutatan, bisa rada dipindahkeun ka kénca ka nyieun nongkrong tanda baca.
Ngeunaan margins na Padding
Oftentimes dina rarancang web, Anjeun nganggo margin atawa padding nilai keur mindahkeun elemen sarta nyieun spasi bodas. Maranéhanana boga sipat iyeu moal jalan mun ngahontal efek ayat indented salawasna. Lamun diterapkeun boh tina nilai ieu ayat teh, sakabéh teks eta ayat, kaasup unggal garis, bakal dipisah tinimbang ngan garis kahiji.