CSS: арип түсү, стили, узор, көлөм

Программалоо - күзгү: башында Сөз бар болгон, бирок кайра чагылдырылат. Ал эми өтө тез "өзгөрүү" деген бар экен: биринчи күзгү, анда Кудайдын сөзүн ... Мына ушул жерде, Стилдердин каскаддык баракты - жакшы нерсе, бирок ал эмне үчүн ушунча көп убакыт бою ал иштеп эске бара жатат? CSS - бул баары бир катар жолу ЭЭМ үчүн программаларды, доору, бирок бир гана ар кандай көз карашта. Да массалары Associative төңкөрүш жасалган эмес болуп калат.

сайт бет - бул кайсы бир стили же стили класс таануучу түшүндүрсө болот HTML-Өмүрдү, Tags. биринчи жолу аныкталат жана эч нерсе керектүү убакта жүктөөгө болот, ал эми экинчи бир элементке таандык.

стилдеги сыпаттоодо жалпы логикасы

Салт боюнча стили CSS-делосуна жайгаштырылган, бирок, анын стили сыпатында бир элемент менен түшүндүрсө болот. стили JavaScript инструменттеринин динамикасы түзүлгөн болот. Of өзгөчө мааниге ээ деп сүрөттөлгөн эмес, мисалы, жардамы менен CSS түстүү тамгалар, анын өлчөмү, гарнитура, ошондуктан ага караштуу алкагында жана. Жайгашкан жери сүрөттөлүшү стили, адатта, эки идеяларды, контекстинде маанилүү: кийинчерээк айтып, андыктан аны жогору турган артыкчылыктуу болуп саналат, ошондой эле элементтин баяндалган болсо, анда ал маанилүү жатат !. Акыркы жолу ал, так артыкчылык аныктайт катары жазылган.

Мисалы, стилди колдонуу, бир арип түсү өзгөрүү түс, жерде жана бир нерсе болушу мүмкүн. Суроо чогуу бардык стилде кураштырууну учурунда браузерде ага кандай жооп кайтарышыбыз керек болот. Бул эне ал канча акча коротту?

Идеалында, арип түсү бир эле жолу көрсөтүлүшү керек - бул классикалык болот. бир-эки, ал эми андан кийин дагы, дагы ..., албетте, жөнөкөй баяндоо үчүн ойлонуп, мүмкүн. Бул модалуу, бирок, иш жүзүндө колдонорлук.

ҮЛГҮ жалпы логика

Жообу жөнөкөй эле бардык үч элементтен үчүн CSS түсү менен аныкталат, ал, бери дегенде, үч узакка созулган көйгөйлөрдү алууга болот:

# Ele1, # Ele2, # Ele3 {
POSITION: абсолюттук;
сол: 20px;
топ: 14px;
түсү: кызыл;
}

# Ele2, # Ele3 {
сол: 90px; CSS горизонталдуу координаттарын өзгөртүү //
түс: сары; арип CSS-түсүн өзгөртүү //
}

# Ele3 {
топ: 114px; CSS өзгөртүү // тик координаттар

түсү: жашыл; дагы бир жолу арип CSS түсүн өзгөртүү //

маалымат-түсү: lightgrey; // CSS текстти бөлүп көрсөтүү түсүнүн өзгөрдү, бирок бул # Ele1 жана # Ele2 ушул эмес; орду да өзгөрдү, бирок, бул жерде ошондой эле # Ele2 менен эмес, өзгөрдү

}

Азыр биз ушул үч элементтен бардык жерде аныкталган экенин унутпашыбыз керек, жана сайт ээси түстүү өкүлчүлүктөрүнүн өзгөргөн учурда, иштеп, түсү жөнүндө гана эмес, эстеп калуу, ошондой эле калган эрежелердин жана жогору жөнүндө, ал тургай, текстти бөлүп көрсөтүү түсүнүн унутпоо керек өзгөртүү керек болот.

Бардык иштеп талап CSS коркуп жаткан жок: Style ID - бир гана элемент, ошондой эле класстык стили - тили катары Tags акыркы мүмкүн пунктунда башка көптөгөн Tags:

• CSS-жылы арип түсү койду - стили groundColor класс;
• Тамганын көлөмүн көрсөтүү - класстык size15;
• белгиленген кызмат оруну - класс PlaceUp.

Албетте, белгилердин колдонуу, айрыкча, бир эле белги элементке таандык, жогорку он стили класстарды баракчанын элементтеринин жүздөгөн ар кандай айкалыштарда боёлгон. Бирок баары өз объективдүү логикасы бар.

иштеп эле туура эске алууга тийиш: Кыргыз Республикасынын арип түсү болсо да, HTML, CSS катуу сүрөттөө үчүн сунуш кылат, баяндардын жалпы түзүмүндө ийкемдүүлүгүн - анын кесиби.

жалпы логиканын жардамы менен күтүлгөн жыйынтык

Азыркы браузер стили делолорун жана көлөмүнүн бир топ бейпил болушат. Бирок, дизайн, CSS менен, атап айтканда, толугу менен боёгула, силер дайыма акылга сыярлык жетиштүү деп ойлойм керек. Бардык стилдин эрежесин "арзан" өтүнмөнүн карап эмес. Simple түшүнүктүү материалдар: * {түсү: ак;} - албетте, кооз, бирок бири калбай, беттеги бардык элементтери үчүн колдонулат.

CSS, маанилүү менен жабдылган бардык эрежелерди, Of:

• стили - класс, анан аты менен башталат "."
• стили - аныктагыч жана анын аты "#" менен башталат мүнөзү;
• башка учурларда - аты тег же атайын бир нерсе

Калган Адыг сүрөттөмө ой-бөлүгү (мурас касиеттери кайчылашып, артыкчылыктарын, абалын, тартип жана сыяктуу. D.) акыл колдонулат жана өтө зарыл керек.

серепчи ар дайым сагынам, атайын белектерди, ошондуктан сүрөттөө менен жок кылам, жок кылат. бир нерсе, керектүү жерде жана CSS-жылы арип түсү коюуга мүмкүн эмес болгон эмес болсо, анда демек, ката стилинде.

күтүлбөгөн мүмкүнчүлүктөр

* {сол сыяктуу кыянаттык образын болбошу керек: 124px; } же

ол ол, ол ул, ул ул, ул ол {маржа-Жыйынтык: 0; }
бир IMG {чек ара: 0; }

Алар сыяктуу эле CSS эрежелерди пайдалануу да үйрөнчүк иштеп үчүн кыйын болсо да. Ар дайым бардык сайттын иштеп, ал тургай, абдан жөнөкөй CSS синтаксиси күтүлбөгөн жерден пайда болгон көйгөйлөрдү берет. Бирок, синтаксис туура пайдалануу менен түздөн-түз иш-аракеттер болсо, ал эми кийингенин жана класстары түрдүү JavaScript иштешине жаңы жана күтүлбөгөн мүмкүнчүлүктөр бар стилге ар бир элементи үчүн аныктагычтарды түзүүгө жол бербөө, же колдонууга мониторинг жүргүзүү үчүн колдонулат.

CSS - стилдердин билэ шилтемеси тег же стили тег аркылуу киргизилген аркылуу беттеги байланыштуу гана эмес. Бул болгъан бир чымындын бир стилди түзүү же өзгөртүү мүмкүнчүлүгү да бар.

CSS колдонуу менен, арип түсү программалык кылса болот. Ошондой эле өлчөмү жана абалды, талаалар. Сайт - CSS, HTML, PHP жана JavaScript таасирлери жарк билим колдонуу максат эмес.

Желе ресурсу - белгилүү бир жол менен башка тилдерде маалымат биринчи жолу болуп саналат. барак Server дагы, ал эми ал пайда болот, кантип бул CSS мыкты призмасынан динамикасынын көрүнүп турат, ошондуктан (сайт келген, ал сайтты иштеп эле иштеп убакта эмес, ал учурда колдо бар PHP эмес), каалаган стилдер бул өзгөчө конок караганыбызда бет катары чымындан боюнча тиешелүү мазмун үчүн белгилүү бир текст же стили класс же аныктагычы түзүү, иштеп жатат.

статикалык динамикасы

Биз ар дайым татаал табылга JavaScript-кодду динамикалык мазмуну жана анын дизайны үчүн жазуу керек, - тийиштүү мазмун. Кээде туура мүмкүнчүлүктөрүн колдонуу үчүн жетиштүү болуп саналат. Атап айтканда, CSS Тамганын түсү башында статикалык башкаруусун аныктоо менен, сиз аларды ар кандай (көрүнгөн) бул эрежени (жашыруун) жашына жана элестетүүгө болот.

Бул жерде, баяндамачы алгоритмин талап кылынбайт, эгерде:

// сайтында киргизүү баскычын баса
милдети scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "көзгө көрүнгөн" .;
}

// сайтында киргизүү баскычын жашыруу
иштеши scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "жашыруун" .;
}

tickers, ачык-айкын элементтер, түрдүү жактан катмар, билдиришсе, соолуган түстөрдү: CSS өз динамикасын сунуш кылат. CSS-жылы, арип түсү эч ким стилистикалык ченем каралган эмес, ал тургай, ал болушу мүмкүн эмес.

Динамикалык мазмун дисплей

эч кандай далилсиз болсо, балким, эч кандай жылыш жок болмок. Жөн гана аны менен күрөшүү үчүн кандай болгонун эмес. Гипертекстти дүйнөгө догма көп алып келишти. Бул аларга кулак жана прагматикалык жана практикалык стили сайттарды иштеп баштоо керек.

Башында, бет (P) бар, сиздин мазмун (K) кээ бир, бетине бардык теги стилдин (S) баяндалат. базасында К тандап жүрүш боюнча PHP же Perl аркылуу жаңы түрү P барак жок. Иштеп жаткан стилдер жадыбалы S жазуусу келет. Бирок, K алмашып калышы мүмкүн, көпчүлүк учурда, мындай өзгөрүү башка стилдеги зарылдыгын алып келет, башкача айтканда, S +.

Мисалы, кардар мындай деди: ZaZavtrakom ", стилинде Түнкү баяндаган" Las Vegas "жана стили илимий жана илимий-техникалык прогресс тууралуу макалаларды" ModernTehno "сайтынын кабар макалалар стилинде кооздолгон болсо, Орусияга өмүр, жакшы болот деп айтылат:" "" +. Бул тандоо үч S кылып болсо, анда кардар макалалардын топтомун бар ойду "Азаттык", "эс алуу", "Эмгек", "CSS / HTML" бонустук "HozyaykeNaZametku" эмес, эч кандай кепилдик жок.

Дагы бир ыкма дагы иш жүзүндө. Кандай макаланын категориядагы бир түскө сырдалган болот дайыма мазмун бар. Мына, бул жерде бир жүйөлүү ой бар: дагы шайкеш S түзүү үчүн жүрүш боюнча, белгилүү бир К алуу, ал эми серепчи P талап кылат, ал туура жагынан жол-жоболоштуруу боюнча оң мазмунду аласыз.

JavaScript динамикасы стили

Минималдуу, абдан натыйжалуу чечүү да - кардардын браузерде түз жасасак болот. ал үчүн гипертекст беттеринде жана стили материалдарын түзүү боюнча убакыт коротуунун зарылдыгы жок - Биринчиден, Server бошотот.

Ал мурдагыдай эле, ошондуктан, ал ырааттуу жана демократиялык маалымат көлөмүн келет, тобу менен мазмунду көргөн жок: Экинчиден, браузеринин ичинде учурда табигый калдыктарын бет бизнес менен алек жана жигердүү жолоочу менен диалогду колдойт таасир жаратат.

Үчүнчүдөн, бул иштеп, ал жайлуу болгон бул стилиндеги мазмунду, жолоочу механизмин камсыз кылууга мүмкүндүк берет. Ал тургай, эч ким эмес.

Бул идеяны ишке ашыруу үчүн, ошол замат бет жүктер кийин стили элементтерин түзүү үчүн механизмди ишке ашыруу үчүн зарыл болгон, ошондой эле анын ишинин жүрүшүндө. Азыркы сайт - бул тигил же бул түрүндө AJAX болот. Бул түздөн-түз бет дарактын калыптануу жараянында стилдер пайда жүргүзүү үчүн кыйын эмес. мазмуну, анын каттоо менен катар, анткени, жеңил, арзан жана натыйжалуу болду.

Бул маалыматтар боюнча аткарылган иштетүү маалыматтарды берүү бөлүп жана дисплейде пайда болгон кетип заманбап жакын карама-каршы келбейт.

жигердүү компоненти катары CSS

Гипертекстти жакшы алып келди, ал эми табигый маалымат бир аз гана бөлүгү ийгиликтүү ишке ашырса, жогорку сапаттагы HTML абалды аспаптар жана тажрыйбасы болгон эле, XML, CSS документтерди. маалыматтын жаңы көлөмүн-жоболоштурууга жана мурда жасалган өзгөртүү үчүн маселе эмес.

CSS карата, бул жараян бир такыр башка контекстте иштетилди. Камтылган JavaScript менен аспаптар, мисалы, мүмкүнчүлүгүн алдын ала берген эмес элементтеринин элементтерин жана образын түзүү үчүн, "чымындан жөнүндө" камсыз кылуу, жана PHP жаратуучулардын, атап айтканда, бир гана HTML беттерин түзүү менен алектенген деп ишенишет.

Биринчи жана экинчи программалоо образын эмне берет. Бул маалыматтык технологиялар чөйрөсүндө жаңы багыт. XML же HTML караганда бир топ расмий иш стилдери, эрежелер абдан жөнөкөй болуп саналат. Style болбосун, ал канчалык табигый, дайыма маалымат бар.

Каттоо базасы программисттер бир топ расмий тармактарда дайыма алектенет, ал эми CSS темасы - абдан жөнөкөй бир милдет, бирок эптеп иштеп чыгууга көз талаага жок.

программалоо тармагында догма жөнүндө

айсберг сыяктуу эле, бир догма көп өтүүгө сүзгөн маалыматты албайт. Past тажрыйба HTML- гана эмес, топтоо керек болчу жана CSS-стандарттарды, аспаптар алар менен иш алып баруу, билим иштеп.

А жөнөкөй милдет - CSS арип түсү аркылуу үчүн - мыкты чечим тапты. Эреже, синтаксистик, логика жана сооронуч талашсыз. кырдаалдык билим барып Бирок тексттин практикада үчүн түстүү көп эмес, бар да, өтө көп керек эмес, ал, чынында эле, бардык топтолгон "күч" HTML жана CSS муктаж эмес долбоорлоо реалдуу максаттары үчүн, бир убакыт келет кайра басылышы жана көрсөтүлгөн тажрыйбасы жана мазмуну стилдеги табигый түзүү аспаптар.

Бул кандай гана, толугу менен ачык-айкын болушу мүмкүн эмес, ошентсе да, албетте, болуп жаткан эле деп.