Bawo ni Lati Yi Awọ Aarọpọ Kan Pẹlu Ọrọ Aami ati CSS

Pẹlu CSS , o rọrun lati ṣeto awọ ti ọrọ ninu iwe-ipamọ kan. Ti o ba fẹ paragileji lori oju-iwe rẹ lati wa ni awọ kan, iwọ kan pato pe ninu iwe ara rẹ ti ita ati aṣàwákiri yoo han ọrọ rẹ ni awọ ti o yan. Kini yoo ṣẹlẹ lẹhinna nigbati o ba fẹ yi awọ ti ọrọ kan kan (tabi boya o kan awọn ọrọ diẹ) laarin ọrọ ikọwe kan? Fun eyi, iwọ yoo nilo lati lo opo inline bi tag.

Nigbamii, iyipada awọ ti ọrọ kan tabi kekere ẹgbẹ awọn ọrọ kan ninu gbolohun kan rọrun lati lo CSS, awọn afihan si jẹ HTML ti o wulo, nitorina ẹ maṣe ṣe aniyàn nipa eyi di iru gige. Pẹlu ọna yii, o tun yago fun lilo awọn afihan ti a fi opin si ati awọn eroja bi "fonti", ti o jẹ ọja kan ti akoko HTML ti a da.

Àkọlé yii jẹ fun awọn olupin ti nbẹrẹ ayelujara ti o ṣeese titun si HTML ati CSS. O yoo ran o lowo lati kọ bi o ṣe le lo HTML tag ati CSS lati yi awọ ti ọrọ pato kan sori awọn oju-ewe rẹ. Ti a sọ pe, diẹ ninu awọn idiyele si ọna yii, eyi ti emi yoo bo ni opin ọrọ yii. Fun bayi, ka lori lati kọ awọn igbesẹ lati yiyipada awọ ọrọ yii pada! O rọrun pupọ ati pe o yẹ ki o gba to iṣẹju meji.

Igbese nipa Igbese Ilana

  1. Ṣii oju-iwe wẹẹbu ti o fẹ mu imudojuiwọn ninu akọsilẹ HTML ti o fẹran julọ. Eyi le jẹ eto bi Adobe Dreamweaver tabi akọsilẹ ọrọ nìkan bi Akọsilẹ, Akọsilẹ ++, TextEdit, bbl
  2. Ni iwe aṣẹ, wa awọn ọrọ ti o fẹ ṣe afihan ni awọ miiran lori oju-iwe naa. Fun idi ti ẹkọ yii, jẹ ki o lo awọn ọrọ kan ti o wa laarin ọrọ ti o tobi julọ. Oro naa yoo wa laarin agbalagba kọnputa. Wa ọkan ninu awọn ọrọ meji ti awọ ti o fẹ satunkọ.
  3. Fi kọsọ rẹ siwaju lẹta akọkọ ninu ọrọ tabi ẹgbẹ awọn ọrọ ti o fẹ yi awọ pada. Ranti, ti o ba nlo oluṣakoso WYSIWYG bi Dreamweaver, iwọ n ṣiṣẹ ni "wiwo koodu" rigth now.
  4. Jẹ ki o fi ipari si ọrọ ti awọ ti a fẹ yi pẹlu aami kan, pẹlu ipalara kilasi kan. Gbogbo abala yii le dabi eleyi: Eyi jẹ ọrọ ti a da lori ọrọ kan.
  5. A ti lo opo inline kan, awọn, lati fun ọrọ naa gangan kan "kio" ti a le lo ninu CSS. Igbese wa nigbamii ni lati fo si faili CSS ti wa lati fi ofin titun kun.
  1. Ninu faili CSS wa, jẹ ki a fi kun:
    1. .focus-text {
    2. awọ: # F00;
    3. }
  2. Ofin yii yoo ṣeto pe ohun inline, awọn, lati han ni pupa awọ. Ti a ba ni aṣa ti tẹlẹ ti o ṣeto ọrọ ti iwe wa si dudu, oju ọna inline yii yoo fa ki ọrọ naa ṣojukọ si ki o si jade pẹlu awọ ti o yatọ. A tun le fi awọn aza miiran kun si ofin yii, boya ṣe awọn itumọ ọrọ tabi igboya lati fi rinlẹ paapaa siwaju sii?
  3. Fipamọ oju-iwe rẹ.
  4. Ṣe idanwo oju-iwe yii ni oju-iwe ayelujara ayanfẹ rẹ julọ lati wo awọn ayipada ni ipa.
  5. Akiyesi pe ni afikun si awọn, diẹ ninu awọn akọọlẹ wẹẹbu yan lati lo awọn eroja miiran gẹgẹbi awọn nọmba apẹrẹ. Awọn afiwe wọnyi ti a lo lati wa fun "alaifoya" ati "awọn itumọ" pataki, ṣugbọn wọn pa wọn ati ki o rọpo pẹlu ati. Awọn afi si tun ṣiṣẹ ninu awọn aṣàwákiri igbalode, sibẹsibẹ, ọpọlọpọ awọn olupin ayelujara nlo wọn gẹgẹbi awọn igbẹsẹ onigunwọ. Eyi kii ṣe ọna ti o buru julọ, ṣugbọn ti o ba fẹ lati yago fun awọn ohun elo ti a fi ara rẹ silẹ, Mo daba duro pẹlu tag fun awọn irufẹ awọn nkan amọna.

Italolobo ati Awọn ohun lati Ṣọra Fun Fun

Lakoko ti ọna yi ṣe nṣiṣẹ fun awọn aini kekere, bi ẹnipe o nilo lati yi ohun kekere kan diẹ ninu iwe kan, o le jade kuro ni iṣakoso. Ti o ba ri pe oju iwe rẹ ti ni awọn eroja inline, gbogbo awọn ti o ni awọn kilasi ti o niiṣe ti o nlo ninu faili CSS rẹ, o le ṣe pe o jẹ aṣiṣe, Ranti, diẹ sii ti awọn afi wọnyi ti o wa ni oju-iwe rẹ, o ṣee ṣe lati ṣetọju pe oju-iwe naa lọ siwaju. Pẹlupẹlu, akọọlẹ wẹẹbu ti o dara julọ ​​ni pe ọpọlọpọ awọn iyatọ ti awọ, bbl jakejado iwe naa!