Сиздин сайты көрүнүшүн жакшыртуу үйрөнгүлө
Менен түрлөрүн стилдештирүүнү үйрөнүү CSS сиздин сайттын көрүнүшүн жакшыртуу үчүн бир жолу болуп саналат. HTML түрүндө көпчүлүк интернет беттеринде ийүүчү нерселер балким болуп саналат. Алар көп учурда кызыксыз жана утилитардык жана стили жагынан көп сунуш жок.
CSS менен, ал өзгөртө аласыз. өнүккөн түрү Tags менен CSS айкалыштыруу кээ бир жакшы-карап түрлөрүн куткара алат.
Түстөр өзгөртүү
Эле текст менен эле, сен түрү элементтердин ач жана негизги түстөрдү өзгөртө аласыз.
дээрлик ар бир түрү элементтин арткы түсүн өзгөртүү үчүн бир жеңил жол менен киргизүү боюнча материалдар боюнча маалымат-түсү мүлктү колдонуу болуп саналат. Мисалы, бул код көк арткы түсүн (# 9cf) бардык элементтери колдонулат.
киргизүү {
маалымат-түсү: # 9cf;
түс: # 000;
}
гана бир түрү элементтердин арткы түсүн өзгөртүү үчүн, жөн гана TEXTAREA кошуу жана стили менен тандоо. Мисалы:
киргизүү, TEXTAREA, тандоо {
маалымат-түсү: # 9cf;
түс: # 000;
}
Эгер кошумча түсү салдым, анда текст түсүн өзгөртүү керек. Карама-каршы түстөр түрү элементтери даана жардам берет. Мисалы, кара кызыл түс түсүнө текст көп оъой текст түсү ак болсо, окуган. Мисалы, бул код кызыл алкагында ак текстти рат.
киргизүү, TEXTAREA, тандоо {
маалымат-түсү: # c00;
түс: #fff;
}
Эгер сен да, атүгүл түрү тег өзү жөнүндө маалымат түсүн мүмкүн. Түрү теги экенин унутпа бөгөттөөлөр элемент түсү толугу менен тик эмес, жөн гана элементтердин жайгашкан толтурат, ошондуктан.
Сиз бул аймак, өзгөчө кылууну блок элементтин бир сары билим кошо аласыз:
түрү {
маалымат-түсү: #ffc;
}
кошуу чектерди
түстөр сыяктуу эле, ар кандай түрү элементтердин чек араларды өзгөртө аласыз. Сиз толук тегерегинде бир чек кошо аласыз. толтургуч кошуу үчүн шектенбесек болот, же түрү элементтери оң чек чейин жанында кысылып калат.
Бул жерде толтургучтар 5 пиксел менен 1-пиксел кара чек кодексинин мисал келтирүүгө болот:
түрү {
Чек ара: 1px # 000;
толтургучтар: 5px;
}
Сиз жөн гана түрүндө да көп айланасындагы чек салышы мүмкүн. Аларды өзгөчө кылууну киргизүү заттар менен чек араны өзгөртүү:
киргизүү {
Чек ара: 2px өлтүрүлөт # c00;
}
Эгер алар азыраак киргизүү кутучага окшош болуп киргизүү кутучалары боюнча чек коюп жатканда сак болгула, ал эми кээ бир адамдар толтура аласыз түшүнүшү мүмкүн.
Топтоштуруу Style өзгөчөлүктөрү
пикир жана кээ бир CSS менен бирге сиздин түрү элементтерин коюу менен, сиз сайттын дизайнын иштеп чыгууда жана долбоорду толуктап жакшы карап түрүн коюуга болот.