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类型,客户和服务器之间的暗号,根据拓展名而定。
title中的小图标就出来了,href这里不能写成./
2.meta 元信息标签
分析里面的属性 标签90%靠属性
3.矢量图标
阿里矢量图库网址:http://www.iconfont.cn
转义字符 空格的字符 
4.项目的完整目录
(1)css
(2)images
(3)js
(4)favicon.ico
(5)index.html
5.textarea{
resize:none;
}
这个属性不让文本域被人为拉伸
6.table{
border-collapse:collapse;
}
这个属性让表格边框变细
7.font的简写
8.清除浮动的兼容性
清除浮动在低版本的浏览器不行,需要处理兼容性 加一个.clearfi{*zoom:1;}
9.光标的形状
cursor光标属性值有pointer wait help
10.rgb和rgba和opacity
rgb()颜色的表示方法 值是0-255如background:rgb(12,15,16);
rgba()r是red值是 0-255 g是green值是0-255 b是blue值是0-255 a 是opacity值是0-1;
但是IE低版本不支持
opacity表示透明度 值是0-1
rgb和opacity与rgba的区别?
前者的图片和文字都会变透明,后者的图片和文字不一起透明。
11.写页面
1.搞清结构层次
2.保证模块化,让他们之间不能受到影响
(1)元素性质
(2)标准流
12.浮动
浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级。