复习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/
阿里云矢量图库。
转义字符
空格的字符
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的区别?
前者的内容也跟着透明,后者的内容不跟着透明。内容包含图片和文字。