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.icon"/>
Title中的小图标就出来了,href这里不能写成 ./
2.Meta 元信息标签
分析里面的属性
3.矢量图标 http://www.iconfont.cn/
阿里云矢量图库。
转义字符
空格的字符
4.项目的完整目录
css images js favicon.ico index.thml
5.textarea{
resize:none
}
这个属性不让文本域被人为拉伸
6.table{
border-collapse:collapse;
}
这个属性让表格的边框变细
7.
Font的简写
body{
font:12px/150% Arial, Verdana, "5b8b4f53;
color:#666;
background:#fff;
}
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{
100px;
height:100px;
background::rgb(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{
100px;
height:100px;
background::rgb(15,26,222)
opacity:.5;
filter:alpha(opacity=50);
}
#bb{
width:100px;
height:100px;
background :rgba(15,26,222,.5);
}
Rgb和opacity 与rgba的区别?
前者的内容也跟着透明,后者的内容不跟着透明。内容包含图片和文字。
1.transparent 透明的
2.placeholder 提示语
写页面
- 搞清结构层次,
- 保证模块化,让他们之间不能受到影响
(1)元素性质
(2) 标准流
浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级。