Янн ЛеКун физик дөньяны аңлаучы ЯИ төзү өчен $ 1B җыя

CSS элементларына чикләр өстәү - веб-битләрегезнең визуаль зәвыгын һәм структурасын арттыру өчен төп осталык. "Чик" милеге моның өчен төп корал, сезгә бер декларациядә элемент чикләренең ** стиле **, ** киңлеге **, һәм ** төсе ** белән идарә итәргә мөмкинлек бирә. ### "чик" Шортанд милеге Чик өстәр өчен иң еш кулланыла торган ысул - "чик" стенограммасын куллану. Аның синтаксисы туры: "css чик: [киңлек] [стиль] [төс]; Мәсәлән, рәсем тирәсендә 2 пиксель каты кара чик өстәргә: "css img { чик: 2px каты кара; } Сез шулай ук чикнең һәр ягын гранул контроль өчен аерым билгели аласыз: - "чик-киңлек": калынлыкны куя (мәсәлән, "1px", "0.5em", "нечкә"). - "чик-стиль": сызык стилен билгели (мәсәлән, "каты", "сызылган", "нокта", "икеләтә", "трюк"). - "чик-төс": төсне күрсәтә (исемле төсләр, HEX, RGB яки HSL кыйммәтләрен кулланып). ### Чикләрне конкрет якларга куллану CSS төгәл контроль тәэмин итә, бу элементларны кулланып элементның аерым ягына чикләр өстәргә мөмкинлек бирә: - "чик-өс" - "чик-уң" - "чик-аста" - "чик-сул" Eachәрберсе бер үк "[киңлек] [стиль] [төс] синтаксисына иярә. Мәсәлән, рубрикага декоратив сызык өстәргә: "css h2 { чик-асты: 4px сызылган # ff6b6b; } ### Гомуми чик стиле һәм куллану очраклары "Чик-стиль" милеге төрле визуаль вариантлар тәкъдим итә: - ** "каты" **: өзлексез сызык. Кнопка һәм контейнерлар өчен идеаль. - ** "сызылган" **: сызыклар сериясе. Актив булмаган урыннарны күрсәтү өчен файдалы. - ** "нокталы" **: нокталар эзлеклелеге. Еш кына нечкә сепараторлар өчен кулланыла. - ** "икеләтә" **: Ике параллель сызык. Күбрәк формаль, рамка эффект тудыра. - ** "трюк" **: чик төсенә карап 3D криваль эффект. ### Практик киңәшләр һәм иң яхшы практикалар 1. ** Түгәрәк почмаклар өчен "чик-радиус" белән кулланыгыз **: "чик" не "чик-радиус" милеге белән берләштерегез, йомшартылган кырлар һәм заманча, дустанә UI компонентлары булдыру өчен. "css .буттон { чик: 2px каты # 4ecdc4; чик-радиус: 8px; } 2. ** Модельне исегездә тотыгыз **: Чик элементның гомуми үлчәмнәренә өсти. Әгәр дә сездә "киңлек" һәм "биеклек" 100px булган элемент булса һәм "5px" чикне кушсагыз, аның гомуми күрсәтелгән күләме 110px белән 110px була. Элементның күрсәтелгән киңлеге һәм биеклеге эчендә чикне һәм паддерны кертү өчен "box-sizing: border-box;" кулланыгыз. D. CSS чикләрен үзләштерү - визуаль кызыклы һәм яхшы структуралы вебсайтлар булдыруда төп адым. Төрле стильләр, киңлекләр, төсләр белән эксперимент ясагыз, алар сезнең дизайныгызны ничек көчәйтә алулары турында.