2019-04-03

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
      p{
         color:red; 
      }
      .box{
         color:blue;
      }
      #container{
        font-size:30px;
        font-weight:bold; /*字體加粗*/
      }
  </style>
 </head>
 <body>
  <p>這是一個(gè)p標(biāo)簽</p>
  <p>vbvbbbv</p>
  <div class="box">這是一個(gè)div元素</div>
  <ul>
    <li class='box'>111111</li>
    <li class='box'>22222</li>
    <li class="box">33333</li>
  </ul>
  <div id="container">這是一個(gè)帶id選擇器的div</div>
  <div id='left'></div>
     <!--
        css:
           css選擇器：
               1.元素選擇器:p{color:red}  div
               2.類選擇器：
                   html
                      <div class="box"></div>   .box{} 
                      <div class="box"></div>
                      <div class="box"></div>
                   css:
                       .box{}
               3.id選擇器
                  html
                      <div id="container"></div>   #container{}
                      <div id="con"></div>
                  css:
                       #container{}
                       注：同一個(gè)id選擇器只能命名一次，因?yàn)閕d具有唯一性

               4.后代選擇器：選取的是父元素下的所有子元素
                     ul li{}

               5.子代選擇器：父元素下的直接子元素
                     ul>li{}

               6.相鄰兄弟選擇器
                    .good+li

               7.通用兄弟選擇器
                    .good~li

               8.結(jié)構(gòu)偽類選擇器
                      ul>li:first-child{}  第一個(gè)孩子
                      ul>li:last-child{}   最后一個(gè)孩子
                      ul>li:nth-child(n){}    第n個(gè)孩子

        字體相關(guān)樣式：
             
             font-family:"宋體";設(shè)置字體類型
             font-size:30px;  字體大小
             font-style:"normal/italic(斜體)" 字體風(fēng)格
             font-weight:bold; /*bold加粗  normal正常*/700 //字體加粗
             font-weight:100/200/....900; //字體加粗
     -->
 </body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容