JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
2โฃโฆCSS
#HTML #CSS
1โฃโฆAvvalo CSS fayl ochamiz. UngaCSSda
.(ism){
pardoz
} ๐
beriladi. Aytgancha barcha oสปlcham deyarli faqat "px " bilan beriladi.
๐ t.me/absJavaScript
1โฃโฆAvvalo CSS fayl ochamiz. UngaCSSda
pardoz
}
beriladi. Aytgancha barcha oสปlcham deyarli faqat "
.ism{
color: white;
color: #FFF
background-color: white;
background-color: #FFF;
font-size: 15px;
height: 15px;
width:15px;
font-family: sans-serif;
font-weight: 700px;
line-height: 15px;
letter-spacing: 1px;
border: 1px solid #FFF;
word-spacing: 5px;
text-align: center;
align-items: center;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
color: white;
color: #FFF
color: #FFF
#HTML #CSS #Tavsif
1-ham 2-ham bitta buyruq, ammo 1-qulayroq. Chunki ingliz tilida tarjimasini yozsangiz boสปldi ๐))
๐ t.me/absJavaScript
1-ham 2-ham bitta buyruq, ammo 1-qulayroq. Chunki ingliz tilida tarjimasini yozsangiz boสปldi ๐))
๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
background-color: white;
background-color: #FFF;
background-color: #FFF;
#HTML #CSS #Tavsif
Bu matn, sarlavha, ramka, tugma va boshqalarga orqa fon beradi.
๐ t.me/absJavaScript
Bu matn, sarlavha, ramka, tugma va boshqalarga orqa fon beradi.
๐ t.me/absJavaScript
โก2โคโ๐ฅ1๐1๐ฅ1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
border: 1px solid #FFF;
#HTML #CSS #Tavsif #Border
Bu uning atrofidan chiziq yoki zonasini ajratib beradi.
1px -> qalinligi
#FFF -> oq rang 1px da
โ solid -> oddiy chiziq ๐
โ dotted -> โข โข โข โข โข โข โข ๐ kabi qilib beradi
โ dashed -> โพ๏ธโพ๏ธโพ๏ธโพ๏ธ ๐ kabi qiladi
โ double -> solid kabi lekin 2โฃ qavat qiladi
๐ t.me/absJavaScript
Bu uning atrofidan chiziq yoki zonasini ajratib beradi.
1px -> qalinligi
#FFF -> oq rang 1px da
โ solid -> oddiy chiziq ๐
โ dotted -> โข โข โข โข โข โข โข ๐ kabi qilib beradi
โ dashed -> โพ๏ธโพ๏ธโพ๏ธโพ๏ธ ๐ kabi qiladi
โ double -> solid kabi lekin 2โฃ qavat qiladi
๐ t.me/absJavaScript
๐2โคโ๐ฅ1โก1๐ฅ1๐1
#challenge #snow #JavaScript #absJavaScript #HTML #CSS #JS #winter
Sinab koสปringchi nima chiqar ekan ๐.
Code ๐
Sinab koสปringchi nima chiqar ekan ๐.
Code ๐
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Snow</title>
</head>
<body>
<section class="section">
<div class="section-container">
<img class="section-container-img" href="https://images.app.goo.gl/8ctwMkEr5ZurDYLR6" alt="snow-icon">
<button class="print">Print</button>
</div>
</section>
</body>
</html>
*{
margin: 0;
padding: 0;
}
.section{
padding-top: 75px;
padding-bottom: 75px;
bacground-color: #2BBFFF;
}
.section-container{
margin-left: auto;
margin-right: auto;
width: 1200px;
display: flex;
justify-content: space-between;
}
.section-container-img{
width: 100px;
height: 100px;
}
.print{
padding: 10px;
color: #000;
bacground-color: #FFF;
border-radius: 8px;
border: none;
}let btn = document.querySelector('.print');
btn.addEventListener('click', function(){
print();
});โ2โคโ๐ฅ1๐1๐ฅ1๐1๐1