Avèk CSS , li fasil pou mete koulè tèks la nan yon dokiman. Si ou vle paragraf nan paj ou yo dwe rann nan yon koulè sèten, ou tou senpleman presize ke nan fèy style ekstèn ou ak navigatè a ap montre tèks ou a nan koulè sa a chwazi. Ki sa ki rive Lè sa a, lè ou vle chanje koulè a nan yon sèl mo (oswa petèt jis yon kèk mo) nan yon paragraf nan tèks? Pou sa, ou pral bezwen sèvi ak yon eleman aliye tankou tag la.
Alafen, chanje koulè a nan yon mo sèl oswa yon ti gwoup mo ki nan yon santans se fasil lè l sèvi avèk CSS, ak Tags yo yo valab HTML, Se konsa, pa enkyete sou sa a ke yo te kèk kalite Hack. Avèk apwòch sa a, ou menm tou evite lè l sèvi avèk tags deprecated ak atribi tankou "font", ki se yon pwodwi nan yon epòk HTML pase.
Atik sa a se pou devlopè entènèt kòmanse ki gen anpil chans nouvo nan HTML ak CSS. Li pral ede w aprann kouman yo sèvi ak tag nan HTML ak CSS chanje koulè a nan tèks espesifik sou paj ou yo. Sa yo te di, gen kèk dezavantaj nan metòd sa a, ki mwen pral kouvri nan fen atik sa a. Pou kounye a, li sou yo aprann etap sa yo chanje koulè tèks sa a! Li trè fasil epi yo ta dwe pran apeprè 2 minit.
Etap pa enstriksyon etap
- Louvri paj entènèt ou vle mete ajou nan editè tèks HTML pi renmen ou an. Sa a ta ka yon pwogram tankou Adobe Dreamweaver oswa yon editè tèks tou senpleman tankou notepad, notepad ++, TextEdit, elatriye.
- Nan dokiman an, jwenn mo ou vle yo parèt nan yon koulè diferan sou paj la. Pou dedomajman pou Tutorial sa a, pèmèt itilize kèk mo ki nan yon paragraf pi gwo nan tèks. Tèks sa a pral genyen nan koup thetag la. Jwenn youn nan de mo ki gen koulè ou ta renmen edite.
- Mete kurseur ou anvan premye lèt la nan mo a oswa gwoup mo ou vle chanje koulè. Sonje byen, si w ap itilize yon editè WYSIWYG tankou Dreamweaver, ou ap travay nan "Kòd View" rigth kounye a.
- Kite vlope tèks la ki gen koulè nou vle chanje ak yon tag, ki gen ladan yon atribi klas la. Paragraf nan tout ka gade tankou sa a: Sa a se tèks ki konsantre sou nan yon fraz.
- Nou te jis itilize yon eleman aliye, a, bay tèks espesifik yon "zen" ke nou ka itilize nan CSS. Pwochen etap nou an se pou ale nan dosye ekstèn CSS nou yo ajoute yon règ nouvo.
- Nan dosye CSS nou an, an nou ajoute:
- .focus-text {
- koulè: # F00;
- }}
- Règleman sa a ta mete ke eleman aliye, a, yo montre nan koulè wouj la. Si nou te gen yon style anvan ki mete tèks dokiman nou an nwa, sa a style aliye ta lakòz tèks la span yo dwe konsantre sou ak kanpe soti ak koulè a diferan. Nou ta ka ajoute tou lòt estil nan règleman sa a, petèt fè tèks italik la oswa fonse mete aksan sou li menm plis?
- Sove paj ou an.
- Teste paj la nan navigatè entènèt pi renmen ou yo wè chanjman yo nan efè.
- Remake byen ke nan adisyon a, kèk pwofesyonèl wèb chwazi yo sèvi ak lòt eleman tankou pè yo tag oswa. Sa yo tags itilize pou "fonse" ak "italik" espesyalman, men yo te deprecated ak ranplase ak ak. Tags yo toujou ap travay nan navigatè modèn, sepandan, anpil devlopè entènèt itilize yo kòm enklizif kwòk manier. Sa a se pa apwòch ki pi mal la, men si ou vle pou fè pou evite nenpòt eleman deprecated, mwen sijere rete soude ak tag nan pou sa yo kalite bezwen manier.
Konsèy ak bagay yo pou veye pou
Pandan ke apwòch sa a ap travay amann pou bezwen ti styling, tankou si ou bezwen chanje jis yon ti moso tèks nan yon dokiman, li ka byen vit jwenn soti nan kontwòl. Si ou jwenn ke paj ou a chaje ak eleman inline, tout nan yo ki gen klas inik ke ou ap itilize nan dosye CSS ou, ou ka fè li mal, Sonje byen, plis nan sa yo Tags ki nan paj ou a, pi rèd la li se chans yo dwe kenbe paj sa ki pral pi devan. Anplis de sa, tipografi bon entènèt raman gen ke varyant anpil nan koulè, elatriye nan tout paj la!