سىزنىڭ ئورنىڭىز: خەتكۈچ بېتى

سىز «CSS» خەتكۈچىدىكى يازمىلارنى كۆرۈۋاتىسىز!

HTML+CSS ئاساسىي دەرسلىكى

1-2 HTML بىلەن CSS نىڭ مۇناسىۋىتى

تور بىكەت ياساشتىن بۇرۇن بىز چوقۇم HTML、CSS、JavaScript قاتارلىق تىللار بىلەن تونۇشۇپ چىقىشىمىز كېرەك. ھازىر بىز بۇ 3 خىل تىلنىڭ قانداق رولى بارلىقىنى چۈشۈنۈپ ئۆتەيلى.

تۇلۇق ئوقۇش
HTML+CSS ئاساسىي دەرسلىكى

1-1 كود ھەققىدە دەسلەپكى چۈشەنچە، مېنىڭ تۇنجى بېتىم

ھەر قايسىڭلارنىڭ پرېستاننىڭ HTML ۋە CSS دەرسخانىسىغا كەلگەنلىكىڭلارنى قارشى ئالىمەن. بۈگۈندىن باشلاپ ئۇيەر بۇيەردىن تىرىپ تۆشەپ ئۈزەمچە HTML ۋە CSS دىن ئاساسىي ساۋاتنى سۆزلىمەكچى. دەرسلىكتە گەپنى ئاز ساز يازىمەن، چۈنكى مەن جىق گەپ يازالمايمەن. ئۇنداق بولسا تۇنجى دەرسىمىزنى باشلاپ كەتسەك.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

CSS تا IE نىڭ نەشىرلىرىنى پەرقلەندۈرۈش

تور بېكەتنىڭ CSS قىسمىنى تەڭشەش جەريانىدا، بىز ھەمىشە IE نىڭ خىلمۇ-خىل قىيىن-قىستاقلىرىغا دۇچ كېلىمىز، گەرچە بىز ھەمىشە ۋاقىت چىقىرىپ بۇ خاتالىقلارنى تۈزىتىشنى خالىمىساقمۇ، ئەمما ھېلىھەم كونا نەشىردىكى IE ئىشلىتىۋاتقان تورداشلارنى ئويلاشمىساق بولمايدۇ. تۆۋەندە شۇ ھەقتە بىر قىسىم نەرسىلەرنى ئورتاقلىشىپ باقساق.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

تور بەتلەرنى ھەرقايسى تور كۆرگۈچلەردە ئۇيغۇرچە كۆرسىتىش(EOT ۋە CSS)

بۇ تېمىدا توربەتلەردىكى ئۇيغۇر يېزىقىنى IE, Firefox, Chrome, Safari, Opera قاتارلىق تور كۆرگۈچلەردە نورمال كۆرسىتىش ھەققىدە توختىلىپ ئۆتىمىز. تېمىنىڭ ئاساسلىق مەقسىتى توربەت لايىھەلىگۈچىلەرگە توربەت يۈزىدە ئۇيغۇرچە يېزىقنى نورمال كۆرسىتىشنىڭ پىرىنسىپى ھەققىدە ساۋات بىرىش. بۇ تېمىنى يېزىشتا W3C ئورگان تورى، مىكروسوفت ئورگان تورى، Mozilla Firefox ئورگان تورى، Google Chrome ئورگان تورى ۋە بىر قىسىم پروگراممىرلار تورىدىكى مۇناسىۋەتلىك ماقالىلەر ئاساس قىلىپ يىغىنچاقلاندى.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

ئۇيغۇرچە CSS خاسلىق قوللانمىسى

مەزكۇر «ئۇيغۇرچە CSS خاسلىق قوللانمىسى» نۇرقۇت تورىدىكى «ئاۋاتار» نىڭ بىر قوللۇق پىلانلاش ۋە تەييارلاش ئاستىدا مەيدانغا كەلگەن، ئالدى بىلەن ئاۋاتار بۇرادەرگە كەڭ css ئۆگىنىۋاتقان دوستلار نامىدىن رەھمەت ئېيتىمەن. ئاۋاتار مۇنداق دەيدۇ: CSS تىكى ئاساسلىق بەلگىلەش خاراكتېرلىك خاسلىقلارغا ئاساسەن تۈرگە ئايرىپ ئىنگىلىزچە نامى ۋە ئۇيغۇرچە چۈشەندۈرۈش شەكىلىدە جەدۋەللەشتۈرۈلدى.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

CSS ئارقىلىق border غا ئۈچبۇلۇڭ قىر چىقىرىش

border غا ئۈچ بۇلۇڭ قىر چىقىرىش مودا بولغان بۇ كۈنلەردە مەنمۇ توردىن ئىزدەپ يۈرۈپ تۆۋەندىكىدەك ئالاھىدە ئۇسۇلنى بايقاپ قالدىم، بۇ خىل ئۇسۇلدا ھىچقانداق رەسىم ئىشلىتىلمىگەن، ساپ css + div ئارقىلىق ئەمەلگە ئاشۇرىمىز. ئۈنۈم تۆۋەندىكى رەسىمدەك.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

jQuery ئارقىلىق سەكراپ چىقىدىغان رامكا ياساش

ئۇزۇندىن بۇيان مۇشۇنداق بىر ئىقتىدارنى بلوگىمغا قوشسام دەپ ئويلاپ يۈرگەن، مەن سەكرەپ چىقىدىغان رامكىنى نېمە قىلىمەن بىلەمسىلەر؟ بىلمىسەڭلار قۇلاق سېلىڭلار، بلوگ باشبەتنىڭ مەلۇم بىر بۇلۇڭىغا بىر كۇنۇپكىنى ئورۇنلاشتۇرۇپ قويۇپ، چەككەندىن كېيىن ئارقا سۇپىغا كىرىش ئېغىزى ياسىماقچى، بۇنداق بولغان ھەر قېتىم wp-admin دېگەن ئارتۇقچە خەتنى بېسىشتىن قۇتۇلغىلى بولىدۇ، كىم مېنى بۇنداق ھورۇن بولۇپ قالسۇن دەپتىكەن.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

css ئارقىلق تەگلىك رەڭگىنى تەدرىجىي ئۆزگەرتىش

تۆۋەندىكى كود ئارقىلىق تەگلىكنىڭ رەڭگىنى ئۈستىدىن ئاستىغا قارىتا تەدرىجىي ئۆزگەرتكىلى بولىدۇ. ئەمما ئاڭلاشلارغا قارىغانداق بۇ ئۇسۇلنىڭ ئىچكى ساقلىغۇچنى كۆپ ئىگىلەيدىغانلىقى مەلۇم بولغان، شۇڭا تورداشلار رەسىم ئارقىلىق بۇ خىل ئۈنۈمگە ئىگە بولساڭلارمۇ بولىدۇ.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

css ئىشلىتىپ مائۇسنى خەت ئۈستىگە ئېلىپ كەلسە رەسىملىك ئەسكەرتىش چىقىرىش

سىز مائۇسنى مەلۇم خەت ئۈستىگە ئېلىپ كەلسىڭىز، شۇ ھامان رەسىملىك ئەسكەرتىش كۆرۈنىدۇ، مائۇسنى خەت ئۈستىدىن يىراقلاشتۇرسىڭىز رەسىم كۆرۈنمەيدۇ. رەسىمنى ئۆزىڭىز خالىغانچە تاللىسىڭىز بولىدۇ.

تۇلۇق ئوقۇش
HTML+CSS تېخنىكىسى

css ئارقىلىق ئاددىي قىر چىقىرىش ئۇسۇلى

css نىڭ ئۆزىدە بار بولغان webkit-border-radius ،moz-border-radius فونكىسىيەسى ئارقىلىق قىر چىقارساق ناھايىتى ئاسانلا مەقسىتىمىزگە يېتەلەيمىز، ئەمما IE قاتارىدىكى بىر قانچە توركۆرگۈ بۇ فۇنكىسىيە قوللىمايدۇ، بەزىلەر js ئارقىلىق بۇ ئىقتىدارنى ھەل قىلغان، ئەمما مەن js ئىشلىتىشنى ئانچە ياقتۇرۇپ كەتمەيمەن، شۇڭا بىز css ئارقىلىقلا بۇ مەسىلىنى ھەل قىلايلى.

تۇلۇق ئوقۇش