Чӣ гуна файли CSS -ро ба HTML ворид кардан мумкин аст

Муаллиф: Eric Farmer
Санаи Таъсис: 3 Март 2021
Навсозӣ: 1 Июл 2024
Anonim
Как медику стать тестировщиком. Интервью с QA. Как войти в айти / #ityoutubersru
Видео: Как медику стать тестировщиком. Интервью с QA. Как войти в айти / #ityoutubersru

Мундариҷа

Забони Hypertext Markup (HTML) муайян мекунад, ки кадом унсурҳо дар саҳифаи интернет мавҷуданд. Забони барномасозии Cascading Style Sheets (CSS) тасвир мекунад, ки ин унсурҳо бояд чӣ гуна бошанд.Файли CSS -ро метавон ба HTML ҳамчун беруна (CSS ҳамчун файли алоҳида илова кард) ё варақаи услуби дохилӣ илова кард (CSS ба файли HTML дохил карда шудааст). Омӯзед, ки чӣ гуна CSS -ро ба файли HTML ворид кунед, то сайти худро дубора тарҳрезӣ кунед.

Қадамҳо

Усули 1 аз 2: Чӣ тавр ҷадвали услуби берунаро насб кардан мумкин аст

  1. 1 Файли CSS эҷод кунед. Файли CSS -ро бо тамдиди ".css" омода ва захира кунед.
  2. 2 Файли CSS -ро ба сайти худ бор кунед.
  3. 3 Нишонӣ (URL) -и файли CSS. Суроғаи сайт чунин хоҳад буд: www.yoursite.com/stylesheet.css.
    • Номи домени ибтидоиро аз URL хориҷ кардан таҷрибаи хуб аст. Бар асоси ин, суроғаи http: //myisite.com/css/default.css ба "/css/default.css" кӯтоҳ карда мешавад. Фаромӯш накунед, ки слэши пешсафро дохил кунед ("/"). Он роҳи нисбӣ номида мешавад.
  4. 4 Истинодро ба файл ворид кунед. Дар файли HTML -и худ / head> тегро ёбед ва дар болои он хати холӣ созед. Дар он сатр LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css"> часбонед ва "www.your ..." -ро бо истинод дар файли CSS иваз кунед.
  5. 5 Файли HTML -ро захира кунед ва ба сайт бор кунед.
  6. 6 Боварӣ ҳосил кунед, ки ҳама чиз дар сайт ба таври лозимӣ ба назар мерасад. Дар акси ҳол, файли HTML -ро боз кунед, хатогиро ҷустуҷӯ кунед ва тағирот ворид кунед.

Усули 2 аз 2: Чӣ тавр варақи сабки дохилиро ворид кардан мумкин аст

  1. 1 Эҷоди сабки тамғакоғазҳо>. Файли HTML -ро кушоед ва тегро / head> пайдо кунед. Ба болои он чанд сатри холӣ илова кунед ва зеринро ворид кунед:

Навъи STYLE = "text / css"> / STYLE>

  1. 1 Ҳамаи CSS -и худро дар байни ин ду нишона часпонед.
  2. 2 Файли HTML -ро захира кунед (бо тамдиди .html).
  3. 3 Боварӣ ҳосил кунед, ки ҳама чиз дар сайт ба таври лозимӣ ба назар мерасад. Дар акси ҳол, тағироти дилхоҳро ворид кунед.

Маслиҳатҳо

  • Ҳамеша намуди сайтро дар браузерҳои гуногун ва системаҳои гуногуни амалиётӣ тафтиш кунед. Баъзе браузерҳо ба CSS бо роҳҳои каме гуногун пайваст мешаванд. Он ҳатто метавонад дар як браузер рӯй диҳад, аммо дар версияҳои гуногуни Mac ва Windows. Агар сайти шумо дар браузери дигар фарқ кунад (масалан, фосилаи байни баъзе объектҳо, ба монанди рӯйхатҳо, андозаи дигар дорад), пас мушкилот дар он аст, ки танзимоти браузер танзим карда мешавад. Ҷадвали услубҳои асосиро ёбед ва онро дар болои файли CSS часбонед, то танзимоти пешфарзии браузерро тағир диҳед. Ин барои он анҷом дода мешавад, ки танзимоти шумо дар худи браузер чизе тағир надиҳанд.
  • Агар имконпазир бошад, варақаи услуби беруна гузоред. Ин ба шумо имкон медиҳад, ки намуди сайтро тавассути тағир додани код дар файли манбаъ тағир диҳед. Бо ин роҳ, шумо набояд CSS -ро дар ҳар як саҳифаи сайти худ тағир диҳед.
  • Агар сайти шумо тавре ки шумо интизоред ба CSS ҷавоб намедиҳад, тамоми рамзгузориро дубора тафтиш кунед, то боварӣ ҳосил кунед, ки он дуруст навишта шудааст. Аз ҷумла, ба нуқтаҳои вергул (";") ва қавсҳои пӯшида ("}") диққати махсус диҳед. Нест кардани яке аз ин аломатҳо дар файли CSS хеле осон аст.
  • Файли HTML-ро дар компютери худ захира кунед, то шумо онро баъдтар дар браузерҳои гуногун кушоед ва намуди зоҳирии онро пеш аз зеркашии минбаъда дубора тафтиш кунед. Аммо барои бор кардани он, файли CSS бояд ба HTML ҳамчун ҷадвали услуби беруна ворид карда шавад.
  • Агар варақи услуб ба худаш мухолиф бошад - масалан, аввал мегӯяд, ки матн кабуд хоҳад буд ва сипас сурх мешавад - шарти охирин ҳамеша иҷро мешавад. Агар як фармон варақи услуби беруна бошад ва дигараш сабки дохилӣ бошад, ҷадвали сабки дохилӣ фаъол мешавад.

Огоҳӣ

  • CSS -и марҳилавии "кушод" -ро истифода набаред, яъне CSS -ро, ки ба теги HTML дохил карда шудааст. (Мисол: "align = 'center'" як танзимоти кушодаи CSS аст). Ин як варианти кӯҳна бо синтаксиси бад аст. Агар пас аз муддате шумо бояд сайтро навсозӣ кунед, тағир додани ин танзим душвор хоҳад буд.