html

1.在html中引用屬性

     定義時用   #box{}

    引用時可用<div id="box"> 或<div class="box"> 

2.如果定義爲  .box{}

       引用時只能用class=“box”

       原因     . 是類,可應用於任何標籤,如:class="style1"
             #是僞類,只可用於某一個標籤,如:id="header"

3.調整input框的大小

        <input style="width: 400px;height:100px;">

4.盒模型居中   在box{}中添加  margin:auto;

5.從阿里圖標矢量庫中調用圖標

      1>進入該網站https://www.iconfont.cn/,登陸後在搜索框中搜索需要的圖標

               選擇好後加入購物車

              進入購物車,選擇下載代碼,把下載包解壓到正在進行的html項目所在的文件夾

         2>在html 的<head>標籤中添加如下標籤,其中鏈接替換爲自己的iconfont.css文件所在的路徑

               <link rel="stylesheet" href="G:\weibo\font_me97jq78ous\iconfont.css" />

          3>此時想要看下載的圖標,寫出下句,其中把&#xe634;替換爲自己的圖標的代碼,在文件demo_index.html中可以看不同                   圖標的代碼

                       <span class="iconfont">&#xe634;</span>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章