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>此時想要看下載的圖標,寫出下句,其中把替換爲自己的圖標的代碼,在文件demo_index.html中可以看不同 圖標的代碼
<span class="iconfont"></span>