微信編輯器:135編輯器叫你成為排版高手(一)

用過135編輯器的人都知道,135編輯器可以通過html代碼來修改樣式。但是作為代碼小白的人也可以嗎?當然啦,不管你是小白還是小黑,只要跟著我稍微學一學,你就能成為排版高手了!

這次要講的是,如何定位樣式中的內容(也叫元素)?

如何用chrome瀏覽器定位?

首先,進入135編輯器,選擇你需要的樣式,小編以下面的樣式為例

然後,打開開發者工具,快捷鍵為:Ctrl+Shift+I(用快捷鍵時,光標要定位到編輯區外);

或者按照下圖所示打開

結果如圖,則表示你已經成功一半了

視線轉【向左上角】,點擊這個【放大鏡圖標】,如下圖紅色框的位置

點擊放大鏡圖標了吧,然後把滑鼠移到編輯區域你需要定位的內容(也叫元素)上,如下圖所示:

滑鼠放上去後,點擊你定位的內容(也叫元素),然後看向下面的【開發者工具區域】,是不是有一塊兒【被選中的部分】,這就是你所定位內容的【原始碼】,如圖

然後,將滑鼠移到被選中的原始碼位置,單擊【滑鼠右鍵】,再點擊【Edit as HTML】,你就可以直接編輯樣式代碼了

如何用360瀏覽器定位

360瀏覽器我只講一下如何打開開發者工具欄,定位元素的操作和chrome是一樣一樣的

首先用360瀏覽器打開135編輯器,加入你需要的樣式

然後,打開開發者工具,快捷鍵:F12;

常規操作:工具>開發人員工具,如下圖

打開開發者工具後,定位元素的操作與chrome一樣,自己去動手試試吧

注意事項

如果在實際過程中有發現任何問題,可以通過評論給我留言,我會儘快為您解答
以後每周三小編都會更新新的內容,歡迎大家來找茬,小編只希望大家共同進步,做好文章排版

相關文章

  1. 微信編輯器:135編輯器叫你成為排版高手(二)

    上一回我們講了用瀏覽器如何定位元素,不知道大家有沒有學會呢?是不是很簡單,只要動手操作一下就會了! 這一回,我們來看看如何更改代碼,小編就以如何更改文字大小為例吧 如何進入代碼編輯狀態? 選中要編輯的 ...
  2. 微信排版:135編輯器」秒刷「技能get

    如果你還在插入樣式,然後再更改內容,然後再調整修改樣式,小編只想感嘆一聲,你的時間不值錢嗎? 135編輯器突破這種傳統的操作行為,通過[秒刷:選中內容,點擊樣式],讓內容即刻換裝!怎麼秒刷的,請跟我來 ...
  3. 微信排版:巧用135編輯器

    運營好一個公眾號,光擁有好的素材可不行,如何能讓微信看起來有更高的逼格呢? 工具/原料 Chrome瀏覽器 微信公眾號 Word 方法/步驟 打開谷歌瀏覽器,進入135編輯器  http://www. ...
  4. 如何使用135編輯器排版並複製到微信公眾號?

    雖然微信文章的排版不能完全決定文章的質量與閱讀量,但是好的排版會使人賞心悅目,並給微信公眾號加分,日常編輯裡面如何使用135編輯器排版並複製到微信公眾號? 工具/原料 微信公眾號一個 135編輯器 方 ...
  5. 如何使用135編輯器進行微信公眾號排版?

    本文適用於對微信公眾號文章如何排版缺少經驗的新媒體小編,下面就由米米給各位小夥伴介紹一下如何使用135編輯器進行公眾號文章排版. 工具/原料 135編輯器 方法/步驟 首先打開135編輯器的編輯頁面, ...
  6. 微信怎麼巧用135編輯器進行排版?

    現在微信公眾號也很火,排版成為一項越來越重要的實用技能,今天小編來教教大家怎麼用135編輯器進行微信排版,一起來看看吧! 方法/步驟 打開谷歌瀏覽器,進入"135編輯器",網址為& ...
  7. 微信公眾號圖文排版工具135編輯器教你如何配圖

    本文適合剛入行的新媒體小編,主要由微信公眾號圖文排版工具135編輯器教各位朋友給微信公眾號配圖,提高微信文章的整體顏值,助力文章10萬+. 工具/原料 電腦 135編輯器 方法/步驟 各位胖友,早上好 ...
  8. 135編輯器教你微信公眾號彈幕樣式排版

    本文適合中階新媒體運營小編 工具/原料 電腦 135編輯器 方法/步驟 什麼是彈幕樣式? 這個樣式可以在公眾號里隨意"漂浮",給讀者一種耳目一新的感覺.前段時間很多大號都有使用過這 ...
  9. 怎麼用135編輯器排版

    135是一款方便實用的排版編輯器,操作容易上手.現在微信公眾號也很火,排版成為 越來越重要的實用技能.良好的排版是成功的一半,將文字.圖片漂亮地結合呈現給讀者,從一開始就抓住讀者的眼球.今天小編給大家 ...
  10. 微信運營編輯圖文消息美化必備:135編輯器

    135編輯器是一個微信文章美化工具,旨在提供豐富的基礎樣式,調整文章格式時,就像拼積木一樣,搭配各種的樣式,並調整文字,最後形成優美的格式的文章,讓讀者更賞心悅目,同時也知道做文章的人是真正用心在做, ...
  11. 如何用135編輯器排版出好看的文章

    現在排版微信特別是公眾帳號的文章發布,如果不借用排版編輯器的話是很難做到的噢,所以今天教大家如何使用135排版編輯器排出好看的文章來,有很多的微信編輯器,但是綜合來看135的素材更多,也比較好操作推薦 ...
  12. 怎麼使用135編輯器排版

    135是一款方便實用的排版編輯器,操作容易上手.現在微信公眾號也很火,排版成為 越來越重要的實用技能.良好的排版是成功的一半,將文字.圖片漂亮地結合呈現給讀者,從一開始就抓住讀者的眼球.今天小編給大家 ...
  13. 如何將135編輯器中寫好的文章放到微信公眾號?

    剛開始在135中編寫好文章時,一臉抓瞎,不知道怎麼辦,最後找客服解決了問題.因此想在這裡把這個經驗分享給大家. 工具/原料 電腦 135編輯器 微信公眾平台 方法/步驟 對於這個問題有兩種解決辦法.第 ...
  14. 如何將135編輯器的推送內容複製到微信公眾號

    很多朋友在編輯推送時候,在編輯器里編輯好了,但是不知道如何快速複製到微信公眾號,今天小編就來支招. 工具/原料 電腦 方法/步驟 打開135編輯器,可以用你的QQ.微信或者手機號登陸. 在編輯中心開始 ...
  15. 微信公眾號如何授權135編輯器

    微信公眾號無論是企業號還是個體,都是品牌宣傳推廣的窗口,很多朋友都在用135編輯器編輯公眾號的推送消息,然後再由編輯器搬運到公眾號,然後再在公眾號中推廣出去,有些麻煩,有沒有方法能直接在135編輯器中 ...
  16. 135編輯器怎麼排版?

    135編輯器怎麼排版?在135編輯器中有很多好看的素材,在編輯文章時可以選用素材,進行文章排版. 方法/步驟 首先進入135編輯器官網. 登錄自己的帳號,不登錄帳號文章不能保存. 點擊標題,選擇自己喜 ...
  17. 135編輯器如何快速高效一鍵排版推送內容

    很多朋友在使用編輯器編輯推送時候,已經把內容寫好了,可是還要為標題段落一個一個匹配樣式,特別麻煩,今天小編就教你一招,如何快速高效一鍵排版推送內容. 工具/原料 電腦 方法/步驟 用你的帳號登陸135 ...
  18. 如何在手機上使用135編輯器編輯微信推文

    有些朋友在電腦端使用135編輯器進行編輯微信軟文的時候,沒有電腦的時候想用手機來編輯,那麼如何用手機進行軟文編輯?更加方便快捷. 方法/步驟 打開手機135編輯器,來到登錄界面,用你在電腦上登錄的帳號 ...
  19. 135編輯器如何排版?

    135編輯器是比較常用的一種微信編輯器,它裡面的樣式眾多,隔一段時間就會更新一次,比較方便.當然,有時好看的模板需要會員才能使用. 工具/原料 聯網電腦 135編輯器 方法/步驟 首先百度搜尋135編 ...
  20. 135編輯器帶你看看微信訂閱號與服務號的區別

    服務號和訂閱號是目前常見的微信公眾號,他們的功能模板有區別有交叉,下文將對主要功能進行介紹 工具/原料 135編輯器 方法/步驟 2011年1月21日,騰訊推出微信:次年8月23日,微信公眾平台上線: ...