1.如何實(shí)現(xiàn)瀏覽器title中的小圖標(biāo)

我們需要借鑒link標(biāo)簽

Link標(biāo)簽的標(biāo)簽屬性有哪些？ rel type href

Rel 是當(dāng)前頁(yè)面和url之間的關(guān)系 ?rel=”stylesheet”?

Type 是資源文件的mime類(lèi)型 ?.html文件mime類(lèi)型是text/html 圖片的mime類(lèi)型

Image/jpg(png/gif) ?css的mime類(lèi)型是text/css js的mime類(lèi)型是text/javascript。

Mime類(lèi)型，客戶(hù)端和服務(wù)器之間的暗號(hào)，根據(jù)拓展名而定。

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

Title中的小圖標(biāo)就出來(lái)了，href這里不能寫(xiě)成 ./

2，Meta 元信息標(biāo)簽

分析里面的屬性

,3，矢量圖標(biāo) http://www.iconfont.cn/

阿里云矢量圖庫(kù)。

轉(zhuǎn)義字符

空格的字符??

4.項(xiàng)目的完整目錄

CSS文件夾

images文件夾

js文件夾

facicon,ico

index.html

5.

textarea{

resize:?none;}

這個(gè)屬性不讓文本域被人為拉伸

6.

table{

?border-collapse:?collapse;}

這個(gè)屬性讓表格的邊框變細(xì)

7.

Font的簡(jiǎn)寫(xiě)

body{

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

8.

清除浮動(dòng)的兼容性

.clearfix:after{

content:'';

display:block;

clear:both;

cisibility:hidden;}

.clearfix{

zoom:1;}

清除浮動(dòng)在低版本瀏覽器不行，需要處理兼容性

加一個(gè).clearfix{*zoom:1;}

9.光標(biāo)的形狀

cursor 光標(biāo)屬性值有 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低版本透明度兼容的寫(xiě)法）

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

但是ie低版本不支持。

Rgb和opacity ?與rgba的區(qū)別？

前者的內(nèi)容也跟著透明，后者的內(nèi)容不跟著透明。內(nèi)容包含圖片和文字。

1.transparent ?透明的

2.placeholder ?提示語(yǔ)

寫(xiě)頁(yè)面

1.搞清結(jié)構(gòu)層次，

2.保證模塊化，讓他們之間不能受到影響

(1)?元素性質(zhì)

(2)?標(biāo)準(zhǔn)流

浮動(dòng)帶來(lái)的脫離文檔流撐不起父級(jí)的高度的問(wèn)題可以采用清除浮動(dòng)的方式消除影響，absolute和fixed帶來(lái)的脫離文檔流撐不起父級(jí)的高度，使用子元素設(shè)置高強(qiáng)制撐起父級(jí)。

?

轉(zhuǎn)載于:https://www.cnblogs.com/xyangjie/p/9794482.html

總結(jié)

以上是生活随笔為你收集整理的浏览器title中的小图标0927 0928的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。