整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          css實現三角符號

          <template>
            <div>
              <div class="triangle"></div>
            </div>
          </template>
          <style scoped>
            .triangle {
              width: 0;
              height: 0;
              border-width: 20px;
              border-style: dashed dashed solid dashed;
              border-color: transparent transparent red transparent;
              /* 大部分ie的布局拉伸問題,都直接添加overflow:hidden */
              overflow: hidden;
          }
          </style>
          

          然我們從事web前端外包開發服務很長時間了,但是對于li-style-type 的名稱和對應的符號,依舊是模棱兩可的,這方面我們要反省,要加強記憶,要把查詢文檔放在任何可以快速查到的地方, 你是否和我一樣?

          css中用list-style-type指定列表(lists)前面符號,如下:

          li {list-style-type:符號名稱}

          符號名稱可用的值為:

          disc : CSS1 實心圓

          circle : CSS1 空心圓

          square : CSS1 實心方塊

          decimal : CSS1 阿拉伯數字

          lower-roman : CSS1 小寫羅馬數字

          upper-roman : CSS1 大寫羅馬數字

          lower-alpha : CSS1 小寫英文字母

          upper-alpha : CSS1 大寫英文字母

          none : CSS1 不使用項目符號

          armenian : CSS2 傳統的亞美尼亞數字

          cjk-ideographic : CSS2 淺白的表意數字

          georgian : CSS2 傳統的喬治數字

          lower-greek : CSS2 基本的希臘小寫字母

          hebrew : CSS2 傳統的希伯萊數字

          hiragana : CSS2 日文平假名字符

          hiragana-iroha : CSS2 日文平假名序號

          katakana : CSS2 日文片假名字符

          katakana-iroha : CSS2 日文片假名序號

          lower-latin : CSS2 小寫拉丁字母

          upper-latin : CSS2 大寫拉丁字母

          來源:切圖網 www.qietu.com

          ozilla說明了最新Firefox 68中的CSS功能細節,其跟上Chrome和Safari腳步,支持了Scroll Snap模組,并加入::marker偽元素功能,方便開發者為列表項目加入前置標記,另外還修正了ch單位以及列表編號的功能。

          Firefox 68實作了和瀏覽器Chrome和Safari一致的Scroll Snap模組,Scroll Snap可以讓網頁容器滾動停止時,自然平滑地滑動到指定元素的指定位置,另外,Firefox 68也移除了早期Scroll Snap Points規范中的老舊屬性。

          而::marker偽元素則是有助于開發者為列表加入項目符號,這對于復雜元素特別有用,像是需要將圖像作為項目符號,或是把列表中的文字包在Span中,以使用不同的項目符號與文字顏色的需求,::marker偽元素可以鎖定項目符號本身,讓開發者針對項目符號本身進行修改。雖然::marker偽元素只支持少數幾個CSS屬性,不過所有字體屬性都能夠使用,開發者可以自由地變化文字樣式。

          開發者還可以使用display:list-item,將任何元素轉換成列表項目,而這樣就能在這些元素前面顯示項目符號。::marker偽元素是在CSS列表Level 3和CSS偽元素Level 4中的標準,目前僅在Firefox 68和Safari中實作,Chrome則尚未支持。

          不同的瀏覽器,可能對同一個功能有著不同的運作方式,而這樣的問題通常是因不同版本的網頁平臺造成,由于有許多行為并沒有被明確地規范,因此Mozilla著手對CSS規范進行許多更改,解決互通性問題,Firefox 68就修正了ch單位以及列表編號功能。


          主站蜘蛛池模板: 亚洲无线码在线一区观看| 日韩视频一区二区三区| 99精品国产一区二区三区不卡 | 天堂一区人妻无码| 日韩一区二区电影| 亚洲日本中文字幕一区二区三区| 亚洲国产福利精品一区二区| 亚洲综合色自拍一区| 相泽亚洲一区中文字幕| 精品亚洲一区二区三区在线播放| 精品成人一区二区三区免费视频 | 精品在线视频一区| 成人区人妻精品一区二区三区 | 波多野结衣一区二区三区高清在线| 亚洲AV无码一区二区三区在线 | 人妻少妇精品视频三区二区一区| 香蕉免费一区二区三区| 亚洲AV无码一区东京热久久 | 人妻夜夜爽天天爽爽一区| 亚洲中文字幕无码一区二区三区| 中文字幕一区二区人妻性色| 久久se精品一区二区影院| 国产午夜毛片一区二区三区| 国产美女露脸口爆吞精一区二区| 精品日韩在线视频一区二区三区 | 2018高清国产一区二区三区| 乱子伦一区二区三区| 精品视频无码一区二区三区| 亚洲一区免费视频| 人妻av综合天堂一区| 日本在线视频一区| 日本大香伊一区二区三区| 一区二区三区精品| 国产精品高清视亚洲一区二区 | 人妻免费一区二区三区最新| 亚洲乱色熟女一区二区三区丝袜| 国产另类TS人妖一区二区 | 美女毛片一区二区三区四区| 日本一区二区视频| 精品91一区二区三区| 一区二区三区影院|