အဆိုပါကို ထုတ်ထုပ်ကြည့်ပါ: CSS အကျယ်အဝန်အကျဉ်းချွန်း

အဆိုပါ CSS ကို အကျယ်အဝန်အကျဉ်းချွန်းများကို ထုတ်ထုပ်ကြည့်ပါ:

ကျဉ်းချွန်းများ

အွန်လိုင်း အမှတ်ပုံတင်မှတ်တမ်းများတွင် 'အကျယ်အဝန်အကျဉ်းချွန်း' ကို အမျိုးမျိုးသော နိုင်ငံတွင် သင့် အကျဉ်းချွန်းများကို ပြပေးကြည့်ပါ:

HTML

90%

CSS

80%

JavaScript

65%

PHP

60%

亲自试一试

အကျယ်အဝန်အကျဉ်းချွန်းများကိုထုတ်ထုပ်ကြည့်ပါ:

ပထမအပိုင်း - အဆိုပါ HTML ထပ်ထည့်ထားပါ:

<p>HTML</p>
<div class="container">
  <div class="skills html">90%</div>
</div>
<p>CSS</p>
<div class="container">
  <div class="skills css">80%</div>
</div>
<p>JavaScript</p>
<div class="container">
  <div class="skills js">65%</div>
</div>
<p>PHP</p>
<div class="container">
  <div class="skills php">60%</div>
</div>

ဒုတိယအပိုင်း - အဆိုပါ CSS ထပ်ထည့်ထားပါ:

/* အကျယ်ချဲ့အတွင်းအစားကိုပဲ အချက်အလက်များအတိုင်းပြုလုပ်ထား */
* {box-sizing:border-box}
/* ကျောင်းလုံးအရွယ်အစားအတွင်းအရွယ်အစား */
.container {
  width: 100%; /* အကျယ်အဝန်: ပုံစံ */
  background-color: #ddd; /* အရက်အမှုံအရောင် */
}
.skills {
  text-align: right; /* အခြေအနေ: သတ်မှတ် */
  အကျယ်ချဲ့အောက်: 10px; /* အောက်အကျယ်ချဲ့ထပ်ထည့်ထား */
  အကျယ်ချဲ့အောက်: 10px; /* အောက်အကျယ်ချဲ့ထပ်ထည့်ထား */
  အမှုံအရောင်: အဖြူ; /* အဖြူအမှုံအရောင် */
}
.html {အကျယ်အဝန်: 90%; အမှုံအရောင်: #04AA6D; /* အဖြူအမှုံအရောင် */
.css {အကျယ်အဝန်: 80%; အမှုံအရောင်: #2196F3; /* အယ်လ်အယ်လ်အမှုံအရောင် */
.js {အကျယ်အဝန်: 65%; အမှုံအရောင်: #f44336; /* အဖြူအမှုံအရောင် */
.php {အကျယ်အဝန်: 60%; အမှုံအရောင်: #808080; /* သေးငယ်လူးအမှုံအရောင် */

亲自试一试