1.11学习

品优购学习

一 品优购首页制作

 /* 选择所有的偶数li */
 .shortcut .fr ul  li:nth-child(even){
     width: 1px;
     height: 12px;
     background-color: #666666;
     margin: 9px 15px 0;
 }

字体图标：

将fonts文件复制一份到根目录下

 /* 声明字体图标 注意路径的变化 每个前面加了../*/
 @font-face {
     font-family: 'icomoon';
     src:  url('../fonts/icomoon.eot?vrymrb');
     src:  url('../fonts/icomoon.eot?vrymrb#iefix') format('embedded-opentype'),
       url('../fonts/icomoon.ttf?vrymrb') format('truetype'),
       url('../fonts/icomoon.woff?vrymrb') format('woff'),
       url('../fonts/icomoon.svg?vrymrb#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: block;
   }

   <div class="logo">
        <h1>
             <a href="index.html">品优购商城</a>
        </h1>
   </div>

记笔记时图片也可以在另一个文档保存，但是有了picgo的上传，不需要自己手动整理文件夹了。

logo内含文字隐藏方法

1. font-size:0;

2. text-indent:-9999px;

今日成果如上

目前看到p316，因为调教typora与picgo等其他方面的原因，如找素材，今天的进度较少