复习HTML/CSS2

1.     如何实现浏览器title中的小图标

需要借鉴link标签

Link标签的标签属性有哪些? rel type href

Rel 是当前页面和url之间的关系  rel=”stylesheet”

Type 是资源文件的mime类型  .html文件mime类型是text/html 图片的mime类型

Image/jpg(png/gif)  css的mime类型是text/css js的mime类型是text/javascript。

Mime类型,客户端和服务器之间的暗号,根据拓展名而定。

<link rel="shortcut icon" href="favicon.ico"/>

Title中的小图标就出来了,href这里不能写成 ./ 

2.      Meta 元信息标签

分析里面的属性

3.   矢量图标 http://www.iconfont.cn/

阿里云矢量图库。

转义字符

空格的字符 &nbsp;

4 .  项目的完整目录

css     images      js      favicon.ico     index.html

5.  textarea{

                 resize:none;

这个属性不让文本域被人为拉伸

6.   table{

             border-collapse:collapse;

}

这个属性让表格的边框变细

7.  font的简写

body{

          font:12px/150%,Arial, Verdana, "\5b8b\4f53";

}

8.   清除浮动的兼容性

.clearfix:after{

        content:" "

        display:block;

        clear:both;

        height:0;

        visibility:hidden;

}

.clearfix{

    *zoom:1;

}

清除浮动在低版本浏览器不行,需要处理兼容性加一个.clearfix{*zoom:1;}

9.    光标的形状

cursor 光标属性值有 pointer 抓手,指针 wait help

10.   rgb 和rgba和opacity

Rgb()颜色的表示方法值是0-255如background:rgb(12,15,16);

Opacity表示透明度 值是0-1;

.#aa{

   width:100px;

   height:100px;

   background:rgd(15,26,222);

   opacity:.5;

   filter:alpha(opacity=50);          filter是ie低版本透明度兼容的写法

}

Rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1;                     

但是ie低版本不支持。

#aa{

   width:100px;

   height:100px;

   background:rgd(15,26,222);

   opacity:.5;

   filter:alpha(opacity=50);

}

#bb{

   width:100px;

   height:100px;

   background:rgd(15,26,222,.5);

}

Rgb和opacity  与rgba的区别?

前者的内容也跟着透明,后者的内容不跟着透明。内容包含图片和文字。

posted @ 2018-10-09 23:11  做自己的盖世英雄  阅读(114)  评论(0编辑  收藏  举报