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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值