გამოიწერე YouTube-ის არხიyoutube logoგამოწერა

CSS @import and CSS variables, იმპორტი და ცვლადები CSS-ში

მოცემულ ვიდეოში ვსაუბრობ თუ როგორ უნდა გამოვიყენოთ @import და CSS variables, იმპორტი და CSS ცვლადები

CSS @import-ის მაგალითი

@import url(./fonts.css); /* დასაიმპორტებელი ფონტის მდებარეობა */
@import './colors.css'; /* ასვე შესაძლებელია მსგავსი სინტაქსით დაიმპორტება */

CSS variables-ის მაგალითი

:root {
    --orange: #F2B705; /* --orange ცვლადში შენახულია ფერის კოდი #F2B705 */
    --green: #93A603;
    --sky: #049DBF;
    --blue: #0468BF;
    --violet: #4024A6;
}

.btn-primary {
    background-color: var(--blue); /*ცვლადის გამოყენების მაგალითი*/
    color: white;
}

კურსში შემავალი თემები

🔗 CSS🔗 import🔗 CSS variables

დამატებითი რესურსები

სხვა კატეგორიები

შეისწავლეთ ვებდეველოპმენტის ენები სრულიად უფასოდ, ისეთები როგორებიცაა Javascript, HTML, CSS და კიდევ სხვა მრავალი ენა

ბოლოს დაწერილი ბლოგები პროგრამირებაზე

ქვემოთ მოცემულია უახლესი 3 ბლოგი პროგრამირების თემატიკასთან დაკავშირებით