迎觀看indesign教程,小編帶大家學(xué)習(xí) InDesign 的基本工具和使用技巧,了解如何編輯段落樣式。
使用此簡(jiǎn)歷文件,編輯一個(gè)段落樣式,并查看如何在此文檔中應(yīng)用該樣式的任何文本。在左側(cè)的「工具」面板中選擇「文字工具」,并將光標(biāo)插入此程序管理器文本中。
放大它以便更容易看到,使用快捷鍵 Command+。
在文本中插入光標(biāo)時(shí),查看右側(cè)的「屬性」面板,可以看到哪些樣式適用于整個(gè)段落。在這種情況下,將應(yīng)用標(biāo)題樣式。
如果單擊「段落樣式」菜單,可以看到創(chuàng)建了多個(gè)段落樣式,包括日期、正文和標(biāo)題。
你也可以從這里打開(kāi)段落樣式面板,在這里有更多的編輯和創(chuàng)建段落樣式的選項(xiàng),我們將在本文后面做。
現(xiàn)在,要編輯段落樣式中保存的格式,可以更改已應(yīng)用樣式的文本的格式。然后更改應(yīng)用的樣式定義以匹配選定文本中的新樣式。這稱(chēng)為重新定義樣式。
選擇此文本以便更改格式,按住并拖動(dòng),在「屬性」面板中將字體大小更改為9點(diǎn)。
在樣式名稱(chēng)右側(cè)的「段落樣式」菜單中,會(huì)看到一個(gè)重新定義的樣式圖標(biāo),其外觀如下所示。
單擊「重新定義樣式」圖標(biāo)更改標(biāo)題樣式的格式,以與選定文本中的新格式相匹配。剛剛根據(jù)文本重新定義了段落樣式。注意,應(yīng)用樣式的所有文本都已更改。
現(xiàn)在,單擊一些日期文本,然后單擊正文文本,查看在「屬性」面板中應(yīng)用的樣式。如果要編輯樣式(可能是尚未應(yīng)用于文本的樣式),可以在「段落樣式」面板中進(jìn)行編輯。
選擇「段落樣式」菜單。
這將打開(kāi)「段落樣式」面板。
也可以通過(guò)在菜單中選擇「文字」-「段落樣式」來(lái)打開(kāi)此面板。
現(xiàn)在將編輯段落樣式,但為了避免在編輯時(shí)意外地將樣式應(yīng)用于選定文本,選擇「編輯」,然后選擇「全部取消選擇」。
轉(zhuǎn)到「段落樣式」面板,雙擊樣式名稱(chēng)以編輯樣式。它不會(huì)應(yīng)用于任何內(nèi)容,因?yàn)槲催x擇任何文本。
將看到「段落樣式選項(xiàng)」對(duì)話框。
這里是所有可以用段落樣式保存的文本格式。可以在此處更改格式,應(yīng)用此樣式的任何文本都將更新。
可以單擊「取消」關(guān)閉對(duì)話框而不進(jìn)行更改。
段落樣式是保存和更新文本格式的一種簡(jiǎn)單而有效的方法,有很多方法可以創(chuàng)建和編輯它們。當(dāng)您開(kāi)始在自己的項(xiàng)目中使用文本時(shí),嘗試創(chuàng)建和編輯樣式,以便更智能地工作。
以上就是在 InDesign 中編輯段落樣式的方法。
indesign下載地址:https://www.macz.com/mac/7645.html?id=NzY4OTYwJl8mMjcuMTg2LjE1LjIxNw%3D%3D
HTML 編輯器推薦
可以使用專(zhuān)業(yè)的 HTML 編輯器來(lái)編輯 HTML,菜鳥(niǎo)教程為大家推薦幾款常用的編輯器:
Notepad++:https://notepad-plus-plus.org/
Sublime Text:http://www.sublimetext.com/
HBuilder:http://www.dcloud.io/
你可以從以上軟件的官網(wǎng)中下載對(duì)應(yīng)的軟件,按步驟安裝即可。
接下來(lái)我們將為大家演示如何使用Notepad++工具來(lái)創(chuàng)建 HTML 文件,其他兩個(gè)工具操作步驟類(lèi)似。
Notepad++
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL),有完整的中文化接口及支持多國(guó)語(yǔ)言編寫(xiě)的功能(UTF8技術(shù))。
步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥(niǎo)教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:
當(dāng)您保存 HTML 文件時(shí),既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒(méi)有區(qū)別,完全根據(jù)您的喜好。
在一個(gè)容易記憶的文件夾中保存這個(gè)文件,比如 runoob
步驟 3: 在瀏覽器中運(yùn)行這個(gè) HTML 文件
啟動(dòng)您的瀏覽器,然后選擇"文件"菜單的"打開(kāi)文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,
運(yùn)行顯示結(jié)果類(lèi)似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來(lái)提高編碼速度。
Emmet 官網(wǎng):http://emmet.io/
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
天繼續(xù)推薦提高我們摸魚(yú)時(shí)間的幾個(gè)神器,相信我,你會(huì)愛(ài)上他們的。
地址:https://neumorphism.io/
這個(gè)網(wǎng)站為 section 或 div 生成對(duì)應(yīng)UI,它也可以自定義border-radius, box-shadow 等。
地址:https://shadows.brumm.af/
它可以為我們生成多個(gè)分層陰影,一種非常酷的效果,也可以從曲線中自定義顏色。
地址:https://bennettfeely.com/clippy/
這個(gè)算是我用的最多的,早期錄的CSS視頻,很多復(fù)雜點(diǎn)的效果都是用這個(gè)工具幫我生成,前列推薦。
地址:https://9elements.github.io/fancy-border-radius/#30.36.29.30--.
它通過(guò)操作 border-radius 生成很 awesome 形狀,我們可以在項(xiàng)目中盡情的使用的,通過(guò)微調(diào)來(lái)達(dá)到我們想要的形狀。
地址:https://cubic-bezier.com/
為 CSS 動(dòng)畫(huà)生成cubic-bezier。
地址:https://cssgradient.io/
如果你的項(xiàng)目經(jīng)常需要使用漸變,那么,你會(huì)愛(ài)上這個(gè)網(wǎng)站。我用了很長(zhǎng)時(shí)間,它非常完美。在這里你也可以使用一些工具,比如漸變按鈕等等。
下面這三個(gè)波浪生成器可以生成任何類(lèi)型的波浪,還在為畫(huà)破浪而苦惱的小伙伴可以用起來(lái)了。
地址:https://getwaves.io/
它能生成簡(jiǎn)單的波浪,并有一些自定義功能。
地址:https://www.softr.io/tools/svg-wave-generator
它可以產(chǎn)生多個(gè)漸變波,非常棒。
地址:https://svgwave.in/
它可以生成多個(gè)漸變波浪,但主要特點(diǎn)是它還可以為此生成實(shí)時(shí)動(dòng)畫(huà)。
地址:https://cssgrid-generator.netlify.app/
它為網(wǎng)格生成了很棒的css,你可以用div來(lái)定制它,它還會(huì)為它創(chuàng)建子元素。
它可以生成網(wǎng)格區(qū)域。我們可以根據(jù)具體需要來(lái)命名和定制區(qū)域。
地址:https://loading.io/
這個(gè)網(wǎng)站可以生成多個(gè)加載動(dòng)畫(huà),并以SVG、GIF、PNG和其他格式下載,但它的最大特點(diǎn)是你可以將這些動(dòng)畫(huà)定制到新的水平。
地址:https://www.flaticon.com/
這個(gè)庫(kù)有5.7M+矢量圖標(biāo)。可以在這里找到任何可能的圖標(biāo),你可以使用它。
地址:https://icons8.com/
這個(gè)庫(kù)也有大量的圖標(biāo),你可以定制它們,也可以直接使用圖標(biāo),而無(wú)需下載它。
希望你從這篇文章中學(xué)到了一些東西,如果有的話,請(qǐng)來(lái)波贊被。
~~完,我是刷碗,勵(lì)志等退休后,要回家擺地?cái)偟娜耍覀兿缕谝?jiàn)!
作者:Jatin Sharma 譯者:前端小智 來(lái)源:dev 原文:https://dev.to/j471n/10-css-resources-that-you-should-bookmark-46l6
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。