Yann LeCun فىزىكىلىق دۇنيانى چۈشىنىدىغان سۈنئىي ئەقىل بەرپا قىلىش ئۈچۈن 1B دوللار توپلىدى

CSS دىكى ئېلېمېنتلارغا چېگرا قوشۇش تور بەتلىرىڭىزنىڭ كۆرۈش جەلپ قىلىش كۈچى ۋە قۇرۇلمىسىنى ئاشۇرۇشتىكى ئاساسىي ماھارەت. «چېگرا» خۇسۇسىيىتى بۇنىڭ ئاساسلىق قورالى بولۇپ ، بىر خىتابنامىدە ئېلېمېنتنىڭ چېگراسىنىڭ ** ئۇسلۇبى ** ، ** كەڭلىكى ** ۋە ** رەڭ ** نى كونترول قىلالايسىز. ### The border` Shorthand Property چېگرانى قوشۇشنىڭ ئەڭ كۆپ قوللىنىلىدىغان ئۇسۇلى «چېگرا» قىسقا بەلگىسىنى ئىشلىتىش. ئۇنىڭ گرامماتىكىسى تۈز: `` css border: [width] [style] [color]; مەسىلەن ، رەسىمنىڭ ئەتراپىغا 2 پېكسىللىق قاتتىق قارا چېگرا قوشۇش: `` css img { چېگرا: 2px قاتتىق قارا } تېخىمۇ كۆپ دانچە كونترول قىلىش ئۈچۈن چېگرانىڭ ھەر بىر تەرىپىنى ئايرىم بەلگىلىيەلەيسىز: - `border-width`: قېلىنلىقىنى بەلگىلەيدۇ (مەسىلەن ، 1px` ،` 0.5em` ، `نېپىز). - `border-style`: قۇر ئۇسلۇبىغا ئېنىقلىما بېرىدۇ (مەسىلەن ،« مۇستەھكەم »،« داش »،« چېكىت »،« قوش »،« ئۆستەڭ »). - `border-color`: رەڭنى بەلگىلەيدۇ (ئىسمى رەڭ ، HEX ، RGB ياكى HSL قىممىتى ئارقىلىق). ### ئالاھىدە تەرەپلەرگە چېگرا ئىشلىتىش CSS ئېنىق كونترول بىلەن تەمىنلەيدۇ ، بۇ خۇسۇسىيەتلەرنى ئىشلىتىپ ئېلېمېنتنىڭ يەككە تەرىپىگە چېگرا قوشالايسىز. - `border-top` - `border-right` - `border-bottom` - `border-left` ھەر بىرى ئوخشاش `[width] [style] [color]` گرامماتىكىسىغا ئەگىشىدۇ. مەسىلەن ، ماۋزۇغا بېزەكلىك سىزىق قوشۇش: `` css h2 { border-bottom: 4px dashed # ff6b6b; } ### ئورتاق چېگرا ئۇسلۇبى ۋە ئىشلىتىش دېلولىرى «چېگرا ئۇسلۇبى» خاسلىقى ھەر خىل كۆرۈنۈشلۈك تاللاشلار بىلەن تەمىنلەيدۇ: - ** `solid` **: ئۈزلۈكسىز سىزىق. كۇنۇپكا ۋە قاچىلارغا ماس كېلىدۇ. - ** `dashed` **: بىر قاتار سىزىقلار. ھەرىكەتسىز رايونلارنى كۆرسىتىشكە پايدىلىق. - ** `چېكىتلىك **: چېكىتلەرنىڭ رەت تەرتىپى. ھەمىشە ئىنچىكە ئايرىغۇچلارغا ئىشلىتىلىدۇ. - ** `قوش` **: ئىككى پاراللېل سىزىق. تېخىمۇ رەسمىي ، رامكىلىق ئۈنۈم ھاسىل قىلىدۇ. - ** `groove` **: چېگرا رەڭگىگە ئاساسەن 3D ئەگمە ئېففېكتى. ### ئەمەلىي ئۇسۇل ۋە ئەڭ ياخشى ئەمەلىيەت 1. `` css .button { border: 2px solid # 4ecdc4; border-radius: 8px; } 2. ** ساندۇق مودېلىنى ئېسىڭىزدە تۇتۇڭ **: بىر ئېلېمېنتنىڭ ئومۇمىي ئۆلچىمىگە بىر چېگرا قوشىدۇ. ئەگەر سىزدە ئېنىقلىقتىكى «كەڭلىك» ۋە «ئېگىزلىكى» 100px بولغان ئېلېمېنت بولسا ھەمدە «5px» چېگرانى قوشسىڭىز ، ئۇنىڭ ئومۇمىي چوڭلۇقى 110px غا 110px غا ئايلىنىدۇ. «Box-sizing: border-box;» نى ئىشلىتىڭ ، ئېلېمېنتنىڭ بەلگىلەنگەن كەڭلىكى ۋە ئېگىزلىكى ئىچىدىكى چېگرا ۋە تاختاينى ئۆز ئىچىگە ئالىدۇ. 3. ** مۇقىم ئورۇنلاشتۇرۇشنىڭ سۈزۈك چېگراسى **: بەزىدە ، ئىشلەتكۈچىنىڭ ئۆز-ئارا تەسىر كۆرسىتىشىدە چېگرا قوشۇلغان ياكى چىقىرىۋېتىلگەندە ئورۇنلاشتۇرۇشنىڭ يۆتكىلىشىنىڭ ئالدىنى ئېلىش ئۈچۈن ، «سۈزۈك» چېگرانى ئورۇن ئىگىسى قىلىپ قوشۇشىڭىز مۇمكىن. CSS چېگراسىنى ئىگىلەش كۆرۈنۈشنى جەلپ قىلىدىغان ۋە قۇرۇلمىلىق تور بېكەت قۇرۇشتىكى ئاچقۇچلۇق قەدەم. ئوخشىمىغان ئۇسلۇب ، كەڭلىك ۋە رەڭلەرنى سىناق قىلىپ ، ئۇلارنىڭ لايىھەڭىزنى قانداق ئۆستۈرىدىغانلىقىنى بىلىڭ.