最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

用字體在網(wǎng)頁(yè)中畫(huà)ICON圖標(biāo)

至尊玉 Web前端工程師
難度初級(jí)
時(shí)長(zhǎng) 1小時(shí) 4分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.67
144人評(píng)價(jià) 查看評(píng)價(jià)
9.8 內(nèi)容實(shí)用
9.7 簡(jiǎn)潔易懂
9.5 邏輯清晰
  • 最后兩行是抗鋸齒
    查看全部
  • 字體圖標(biāo)在IE9兼容模式下寫(xiě)法。
    查看全部
  • 解決IE8及以下瀏覽器字體圖標(biāo)不顯示的方法,加?iefix
    查看全部
  • 對(duì)于一張圖片的左上角坐標(biāo)為0,0,向下為y軸負(fù)方向,向右為x軸負(fù)方向
    查看全部
    0 采集 收起 來(lái)源:CSS Sprite案例

    2014-12-21

  • @font-face
    查看全部
  • 字體文件格式
    查看全部
    0 采集 收起 來(lái)源: @font-face屬性

    2014-12-22

  • icomoon圖標(biāo)設(shè)計(jì)軟件
    查看全部
    0 采集 收起 來(lái)源:圖標(biāo)神器IcoMoon

    2014-12-20

  • 1. 切圖,使每個(gè)切片都尺寸相同,制作雪碧圖; 2. 寫(xiě)好HTML和對(duì)應(yīng)CSS; 3. 使用JS動(dòng)態(tài)賦值給相應(yīng)元素
    查看全部
    0 采集 收起 來(lái)源:CSS Sprite案例

    2014-12-20

  • 網(wǎng)頁(yè)中 Icon 畫(huà)小圖標(biāo)的方法: A、CSS Sprite B、font + HTML C、font + CSS
    查看全部
  • -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    查看全部
  • 解決ie8的問(wèn)題 ?#iefix
    查看全部
  • 使用自體在網(wǎng)頁(yè)中畫(huà)icon小圖片方法區(qū)別: (1)原理:css sprite是背景圖片定位。font+HTML和font+CSS是@font-face (2)兼容性:css sprite是完美。font+HTML是完美。font+CSS是不支持IE低版本 (3)圖標(biāo)顏色:css sprite是豐富。font+HTML和font+CSS是單一。 (4)縮放:css sprite是失真。font+HTML和font+CSS是高清。 (5)后期維護(hù):css sprite是困難。font+HTML和font+CSS是簡(jiǎn)單。 (6)使用率:css sprite是高。font+HTML和font+CSS是一路看漲。
    查看全部
  • font + CSS畫(huà)小圖標(biāo): (1)Use i(for selecting <i>) <i class="icon-home"></i> i{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } (2)Use Attribute Selectors: <span class="icon-home"></span> [class^="icon-"],[class*="icon-"]{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } (3)Use a Class: <span class="icon icon-home"></span> .icon{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
    查看全部
  • font + CSS畫(huà)小圖標(biāo): <i class="imooc-icon">HTML實(shí)體</i> 知識(shí)點(diǎn)::before偽元素。偽元素就是創(chuàng)建一個(gè)虛假的元素,并插入到目標(biāo)元素內(nèi)容之前。 語(yǔ)法: selector:pseudo-elemrnt{ //偽元素的語(yǔ)法 property:value; } .class:pseudo-elemrnt{ //類(lèi)與偽元素配合使用 property:value; } 知識(shí)點(diǎn): content屬性。在CSS2.1中被引入,與:before及:after偽元素配合使用,來(lái)插入生成內(nèi)容。 語(yǔ)法: content:normal | none | [<string> | <uri> | ...]+
    查看全部
  • 字體文件格式: (1)EOT(Embedded OpenType Fonts):微軟開(kāi)發(fā)的用于嵌入網(wǎng)頁(yè)中的字體,IE專(zhuān)用字體。只支持IE瀏覽器。 (2)WOFF(The Web Open Font Format):Web字體中最佳格式,它是一個(gè)開(kāi)放的TrueType/OpenType的壓縮版本。2009年被開(kāi)發(fā),如今被W3C組織推薦標(biāo)準(zhǔn)。支持所有瀏覽器。 (3)TTF(TrueType Fonts):1980年,由Microsoft和Apple聯(lián)合開(kāi)發(fā)的一套字體標(biāo)準(zhǔn),是Mac OS和WIN操作系統(tǒng)中最常見(jiàn)的一種字體。支持所有瀏覽器。 (4)SVG(SVG Fonts):用于SVG字體渲染的一種格式,是由W3C制定的開(kāi)放標(biāo)準(zhǔn)的圓形格式。不支持火狐和IE @font-face 語(yǔ)法: @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?|<font-face-name>]#; font-weight:<weight>; font-style:<style>; } 鏈接地址;http://www.w3.org/TR/css3-fonts/#descdef-src
    查看全部
    0 采集 收起 來(lái)源: @font-face屬性

    2018-03-22

舉報(bào)

0/150
提交
取消
課程須知
本課程是CSS中級(jí)課程 1.具備HTML、CSS前端開(kāi)發(fā)基礎(chǔ)知識(shí); 2.熟悉@font-face、font-family字體相關(guān)屬性; 3.了解:before偽元素,content屬性;
老師告訴你能學(xué)到什么?
1.eot、woff、ttf、svg字體格式 2.使用IcoMoon App管理字體圖標(biāo) 3.在網(wǎng)頁(yè)中用字體畫(huà)小圖標(biāo) 4.輕松改變圖標(biāo)大小及顏色等CSS屬性,就像操作文本一樣簡(jiǎn)單。

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!