整合營銷服務商

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

          免費咨詢熱線:

          css怎么引入html

          ss怎么引入html

          在HTML中引入CSS的方法主要有四種:

          1. 內聯方式:直接在HTML標簽中的style屬性中添加CSS,即采用行內樣式。例如:<p style="color:red;">這是紅色文字</p>。這種方式的優點是可以直接在HTML文件中看到效果,但缺點是不夠模塊化,不便于復用和維護。

          2. 內嵌樣式:使用<style>標簽在HTML文檔頭部(<head><head>之間)定義CSS樣式。例如:

          <head>

          <style>

          p {

          color: red;

          }

          </style>

          </head>

          <body>

          <p>這是紅色文字</p>

          </body>

          這種方式的優點是可以將CSS樣式與HTML內容分離,提高代碼可讀性,但同樣存在復用和維護的問題。

          3. 鏈接式:使用<link>標簽引入外部CSS樣式表文件。具體操作步驟如下:新建一個HTML文件和一個CSS文件,將新建的CSS文件保存在一個文件夾中,回到HTML文件中,在<title><title>下方添加<link>標簽并設置其屬性為CSS文件的路徑,保存后便實現了引入外部CSS文件。這種方式的優點是可以實現代碼的復用和維護,但需要提前準備好CSS文件。

          4. 導入式:使用@import命令導入外部CSS樣式表。例如:<style type="text/css"> @import"mystyle.css"; </style>。需要注意的是,這里的路徑需要是正確的。這種方式可以在同一個HTML文件中引入多個CSS文件,但瀏覽器對@import的支持程度不同,可能會出現兼容性問題。

          、網上下載'ttf'字體


          二、在項目中使用

          <!DOCTYPE html>
          <html lang="en">
            <head>
              <meta charset="UTF-8" />
              <meta http-equiv="X-UA-Compatible" content="IE=edge" />
              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
              <title>Document</title>
              <style>
                @font-face {
                  font-family: 'homeFont';
                  src: url('./siyuan.ttf');
                  font-weight: normal;
                  font-style: normal;
                }
                p {
                  font-family: 'homeFont';
                }
              </style>
            </head>
            <body>
              <p>好</p>
            </body>
          </html>


          三、下載壓縮字體依賴

          npm install font-spider -g
          
          # 查看版本號
          font-spider -V


          四、如果是vue中字體需要壓縮,需要自己在外新建一個文件夾來存放壓縮字體。

          打開終端,輸入命令

          font-spider index.html


          五、復制.font-splider中字體到vue項目進行替換

          何實現導入WORD文檔到UEDITOR編輯器中,如何實現導入WORD文檔到百度編輯器中,如何實現導入WORD文檔到百度UE編輯器中,如何實現導入WORD文檔到Web編輯器中,如何實現導入WORD文檔到富文本編輯器中,如何實現導入WORD文檔到vue編輯器中,

          導入word文檔到百度編輯器中,將word文檔導入到ueditor編輯器中

          導入后圖片自動上傳到服務器中,圖片和文字HTML自動添加到編輯器中,保留word文檔的格式,字體大小,字體顏色等信息

          主要的方案就是提供一個轉換接口,轉換接口使用RESTful協議,這樣的話兼容性更好一點,其它的平臺用起來的話更方便簡單一點,而且測試起來也方便。

          現有項目需要為TinyMCE增加導入word文件的功能,導入后word文件里面的圖片自動上傳到服務器中,word里面的文本樣式保留

          用戶一般在發新聞和發文章時用到,算是一個高頻使用功能,用戶體驗上來講確實是很好,和以前的發新聞或者發文章的體驗比起來要方便許多,也確實能夠給用戶帶來許多的便利 。

          示例下載

          https://gitee.com/xproer/zyoffice-ueditor1.5x

          主要步驟如下:

          1.上傳zyoffice文件夾

          2.在工具欄中增加插件按鈕

          3.在頁面中引入組件文件,初始化組件

          效果


          主站蜘蛛池模板: 国产一区二区三区在线2021| 日本人真淫视频一区二区三区 | 亚洲欧美日韩一区二区三区在线 | 亚洲午夜精品一区二区公牛电影院| 一区二区三区中文| 亚洲熟女综合一区二区三区| 一区二区三区国产精品| 亲子乱AV视频一区二区| 精品女同一区二区三区在线| 色一情一乱一伦一区二区三欧美 | 精品国产亚洲第一区二区三区| 中文字幕一区二区三区久久网站 | 成人无码AV一区二区| 亚洲国产精品一区二区三区久久| 国产伦精品一区二区三区无广告| 国产乱码精品一区二区三区| 中文激情在线一区二区| 亚洲sm另类一区二区三区| 无码夜色一区二区三区| 国精产品一区一区三区MBA下载| 亚洲一本一道一区二区三区| 无码人妻久久一区二区三区免费丨 | 日本内射精品一区二区视频| 无码精品视频一区二区三区 | 好吊妞视频一区二区| 国产精品一区二区资源| 国产精品久久久久一区二区| 四虎永久在线精品免费一区二区 | 亚洲AⅤ无码一区二区三区在线 | 国产一区二区在线观看| 精品久久综合一区二区| 男人的天堂亚洲一区二区三区| 一级毛片完整版免费播放一区 | 91精品福利一区二区三区野战| 3d动漫精品啪啪一区二区中文| 人妻少妇精品视频一区二区三区| 国产日韩精品视频一区二区三区 | 亚洲av片一区二区三区| 高清国产精品人妻一区二区| 精品无码人妻一区二区免费蜜桃| 精品国产一区二区三区香蕉 |