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>