浏览器title中的小图标0927 0928
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文件夾
facicon,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;
cisibility: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: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低版本不支持。
Rgb和opacity ?與rgba的區別?
前者的內容也跟著透明,后者的內容不跟著透明。內容包含圖片和文字。
1.transparent ?透明的
2.placeholder ?提示語
寫頁面
1.搞清結構層次,
2.保證模塊化,讓他們之間不能受到影響
(1)?元素性質
(2)?標準流
浮動帶來的脫離文檔流撐不起父級的高度的問題可以采用清除浮動的方式消除影響,absolute和fixed帶來的脫離文檔流撐不起父級的高度,使用子元素設置高強制撐起父級。
?
轉載于:https://www.cnblogs.com/xyangjie/p/9794482.html
總結
以上是生活随笔為你收集整理的浏览器title中的小图标0927 0928的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: leveldb 学习记录(四)Log文件
- 下一篇: Web服务器超时处理