Стилдерди тууралуу баяндама Үлгү стилдер жадыбалы менен
Сиз кайра башынан сайт куруп, ал аныкталган негизги стилдер менен баштоо үчүн акылдуу болот. Бул таза кенеп жана жаңы кызыгуу менен башталган сыяктуу. Желе дизайнер дуушар алгачкы көйгөйлөрдүн бири болуп саналат браузерлер ар түрдүү. жарыяланбаган арип өлчөмү сахнага сахнадан башкача, жарыяланбаган арип үй-бүлөсү, ошондой эле башкалар эмес, ал эми ар кандай, кээ бир серепчилер орган тег чектерин жана толтургуч аныктайт, ошондой эле болуп саналат. ушул ылайыксыздыктар жүзүндөгү интернет беттеринде үчүн демейки стилин аныктап алуу.
CSS жана Character Set
Алгач эмнеден баштасак, сиздин CSS документтерди UTF-8 коюлган белгини койду. Эгер иштеп барактардын көбү англис тилинде жазылган деп божомолдоого болот, ал эми кээ бир башка тилдик жана маданий контекстке локалдашкан-ылайыкташтырылган мүмкүн. Алар болсо, UTF-8 жараянын анык. Белгиленген мүнөзүн коюу сырткы стилдин бир үстүнөн артыкчылыкка талап кылбайт HTTP баш , ал эми бардык башка учурларда, ал түшөт +.
Бул тамга топтомун коюуга мүмкүн. CSS Документти жаз биринчи сапта үчүн:
@charset "UTF-8";Мына ушундай жол менен, ыраазы мүлктү же класстык жана ID аттарын эл аралык белгилерди колдонгон болсо, стилдер жадыбалы деле туура иш алып барат.
Page ДЕНЕНИ Styling
Кийинки нерсе, демейки стилдер жадыбалы муктаждыктары талаалар, толтургучтар, жана чек араларды алып баамдаш үчүн стилдери бар. Бул бардык серепчилер ошол эле жерде мазмун коюп жаткандыгын камсыз кылат, жана браузер жана мазмуну менен эч кандай жашыруун жайлар жок. көпчүлүк беттеринде үчүн бул текстти четине өтө жакын турат, бирок ал маалымат сүрөттөр жана жасалгалоо бөлүмдөрү туура ичи ушунчалык бар баштоо үчүн маанилүү.
HTML, дене {margin: 0px; толтургучтар: 0px; Чек ара: 0px; }кара үчүн демейки ач же арип түсү ак үчүн демейки арткы түсүн коюу. Бул эркин мүмкүн өзгөртүү үчүн интернет үлгүлөрүн, орган жана белгиленген бул стандарттык түстүү жатканда HTML тег биринчи окуу жана иштөө үчүн жардам бет алат.
HTML, дене {түсү: # 000; маалымат: #fff; }По умолчанию Арип стилдери
Тексттин өлчөмү текст өлчөмүн жана арип үй-бүлөсү сөзсүз дизайн өткөрөт, ал эми 1 бир жарыяланбаган арип өлчөмү менен баштоо керек жолу өзгөрөт нерсе болуп кетүүсү жана жарыяланбаган арип Arial, Дипломатиялык жана үй-бүлөнүн, же бир нече башка Sans-Serif елшемй. EMS пайдалануу мүмкүн болушунча жеткиликтүү бет сактап, жана Sans-Serif арип экранынан дагы даана болуп саналат.
HTML, дене, б, ж, ТД, ли, дд, т {арип: 1em Arial, Helvetica, Sans-Serif; }Сиз текст, бирок, б, ж, ТД, ли, дд жана т базасы арип аныктоо үчүн жакшы башталыш бар болушу мүмкүн, башка жерлер болушу мүмкүн. Эле учурда HTML, денени да кирет, бирок бир гана HTML же дене үчүн тамгаларды аныктама болсо, көптөгөн серепчилер арип чечимдерди жокко чыгара.
Жалпы маалыматтардын саны
HTML аталыштар сайттагы планды жардам жана издөө каражаттары сиздин сайтка аяктаган жол үчүн маанилүү болуп саналат. кийингенин болбосо, баары кыйла суук, ошондуктан, алардын баары демейки стилдери коюп, арип үй-бүлө, ар бир тамганын өлчөмдөрүн аныктоо болуп саналат.
h1, h2, h3, h4, h5, h6 {арип-үй-бүлө: Arial, Helvetica, Sans-Serif; } H1 {арип өлчөмү: 2em; } H2 {арип өлчөмү: 1.5em; } H3 {арип өлчөмү: 1.2em; } H4 {арип өлчөмү: 1.0em; } H5 {арип өлчөмү: 0.9em; } H6 {арип өлчөмү: 0.8em; }Дон & # 39; т Links унутуу
шилтеме түстөрдү Styling дээрлик дайыма жай үлгүсүнүн маанилүү бөлүгү болуп саналат, ал эми демейки стилде, аларды аныктоо жок болсо, балким сиз жасалма-класстарда, жок дегенде, бирин унутуп коёбуз болуп саналат. көк боюнча кээ бир чакан ар түрдүүлүгү менен аларды аныктоо жана анда аныкталган сайттын түстөр топтому бар бир жолу аларды алмаштырып турушу керек.
Коюуга шилтемелер көк, комплексин калкаланып:
- шилтемелер көк катары
- барган шилтемелер катары кочкул көк
- ачык көк шилтемелерди калкып
- активдүү шилтемелер катары да, көк Paler
бул мисалдан көрүнүп:
а: ссылка {түс: # 00f; } А: {барган түс: # 009; } А: үстүнө {түс: # 06f; } А: активдүү {түс: # 0cf; } Өтө кыял түс схемасы менен байланышы стайлинг менен мен класстардын эч унутпай турганын камсыз кылат, ошондой эле аларды демейки караганда бир аз катуу кичинекей көк болот, кызыл, кочкул кызыл.Толук Style барагы
Бул жерде толук стилдер жадыбалы болуп саналат:
@charset "UTF-8"; HTML, дене {margin: 0px; толтургучтар: 0px; Чек ара: 0px; түс: # 000; маалымат: #fff; } HTML, дене, б, ж, ТД, ли, дд, т {арип: 1em Arial, Helvetica, Sans-Serif; } H1, h2, h3, h4, h5, h6 {арип-үй-бүлө: Arial, Helvetica, Sans-Serif; } H1 {арип өлчөмү: 2em; } H2 {арип өлчөмү: 1.5em; } H3 {арип өлчөмү: 1.2em; } H4 {арип өлчөмү: 1.0em; } H5 {арип өлчөмү: 0.9em; } H6 {арип өлчөмү: 0.8em; } А: ссылка {түс: # 00f; } А: {барган түс: # 009; } А: үстүнө {түс: # 06f; } А: активдүү {түс: # 0cf; }