1、網頁前台設計，css怎麼實現文字豎排版？
一、使用writing-mode屬性
語法：writing-mode:lr-tb或writing-mode:tb-rl
參數：
1、lr-tb：從左向右，從上往下
2、tb-rl：從上往下，從右向左
運行代碼發現，IE顯示正常，火狐卻不行，所以不建議使用writing-mode屬性，下面使用模擬方法實現。
二、模擬文字豎排
代碼：
ul{width:100px;height:80px;overflow:hidden;list-style:none;}
ul li{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}
此方法讓li右浮動，設置li寬度和字寬度一樣都是14px，這樣就自動換行了。另外，「word-wrap:break-word;word-break:nomal;」這句實現標點自動換行（連續字元自動換行）。
2、文字排版如何優化網站頁面設計
一個網站是否美觀關繫到用戶是否喜歡該網站，決定網站是否美觀的因素就是網站頁面設計。
從網站的角度出發，網站內容的核心就是文字，文字排版就是將文字進行合理的排列組合。從搜索引擎的角度出發，搜索引擎可以識別並採集的主要內容是文字。基於這兩點，文字內容在網頁中的重要性顯而易見，企業網站設計時需要著重對這文字部分的內容進行合理優化，讓其與網站的設計風格和表現需求相符合，從頁讓網站設計發揮出更大的價值。文字排版優化的實用方法如下：
1、文字格式應前後一致、風格統一
企業網站中運用文字時不會只集中在一個區域，所以在進行文字排版時應做到前後一致、風格統一，這樣才能保證網站頁面的整齊統一。影響文字格式的因素有文字顏色和大小，在網頁設計中這兩點應做到一前後一致，整齊美觀。另外，在做到統一的同時還應注意動態性，讓網上頁面即整章有具有不失乏味。
2、文字的間距和行距應做到適當、科學
文字的間距和行距指的是兩個文字之間和兩行文字之間的距離，企業網站頁面設計時應做到科學適當的設置網站頁面文字的間距和行距，讓整個頁面的內容即緊湊又合理，只有合理的文字排列才能讓用戶順便利的閱讀網站內容。
避免出現的情況：①文字間距相對較小或過大，②文字行距過大或過小。無論是文字的間距過大還是過小都是不對的，過小會給人一種密密麻麻的感覺，讓用戶沒有想要閱讀下去的俗慾望；而過大就會導致網站頁面的內容量過少，能夠為用戶提供的信息量降低。
分形科技建議：網站頁面文字排版時上下文的間距控制在1.5倍相對合適，這符合大部分人的審美觀念。
3、文字的顏色選擇應合理
網頁中的文字也是可以設計顏色的，這個顏色的選擇應與網站的背景色有明顯的差異，讓人可以很容易的將二者區分開來，這樣做有利於增強網頁中文字內容的辨識度。另外，還需要從整個頁面出發，注意整體的層次感，如文章的標題和正文中需要重點突出的內容可以設置一些不一樣的顏色，讓網站頁面豐富起來，吸引用戶閱讀。
望採納！謝謝！
3、網頁設計中文字排版要注意些什麼
1. 字體樣式不要過多，盡量不超過3種字體
2. 嘗試使用標准字體
3. 限制長度，如果你想要讓用戶從你的文字中快速獲取信息，你應該考慮適當的文字長度
4. 選擇各種尺寸的字體，確保您選擇的字體在較小的屏幕上清晰可辨！
5. 使用容易分辨的字體
6. 合理間距
7. 確保您有足夠的顏色對比度
等等……
4、在網頁設計中如何對文字進行排版的優化
在網頁設計中文字排版可以說是網頁中的主體，排版的樣式和美觀程度能夠直接影響到用戶的體驗，文字排版對網站設計中有哪些影響呢！網站重要的內容信息展示方式就是文字排版，能夠讓訪客有更好的辨識度和易讀性也是有文字排版來決定。那麼文字排版包括字體，顏色，間距等方面，今天就談談文字排版對網站的影響。
1.文字排版行距字間距影響網站閱讀性。
網頁設計中文字不同的間距，不僅影響美觀，也同時影響閱讀性。在大段文字情況下，文字間距還有一行文字的長度都有很高的要求，用戶都是喜歡看清晰文字，如果間距小，每行文字多擠一塊就會顯著亂七八糟的，會讓用戶提不起興趣來再看。
2.文字的顏色影響視覺效果。
文字顏色要看整個網站的風格來搭配顏色，能夠讓文字的顏色搭配的更加舒適。但很少有用比較亮的顏色用著文字的顏色，因為用戶在長時間閱讀文章的時候會引起視覺疲勞，恰當的配色可以讓網站提升魅力。
5、如何在靜態網頁中製作文字大小排版
啟動Dreamweaver，點擊編輯菜單，首選參數命令；
左側導航欄點擊字體，右側即可調整默認字體設置，修改後點擊確定即可。
或者根據font 精確字體大小
一般中文的字體大小是12px或者14px。顯示器解析度的不同，字體的大小看著也不同，甚至會看起來好小。因此靈貓ds根據字體代碼進行操作，代碼如下：
字體大小代碼：font-size:14px（字體大小14像素）
對於font-family，一般來說14px及以下大小的文字，應當設置為宋體，當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的，所以在css裡面可以這樣設置字體：
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開，如果系統沒有第一種字體，就用第二種，如果沒有第二種就用第三種，以此類推。
6、【網頁設計】網站的字體排版怎麼才能好看
中文網頁，通用宋體，亮點標題標記用「微軟雅黑」，中英文字體樣式都寫上。方便解析。
7、網頁設計中的排版原則有哪些
一、直觀性
所謂直觀，指的是在打開的瞬間，用戶能夠明白這些內容和畫面想要傳達什麼信息。看過之後不知道想要表達什麼，或者覺得非常混亂，都是不夠直觀的表現。這是視覺心理的問題。為了留住讀者，設計師需要讓版式舒朗而明確，脈絡清晰，用戶一望而知之。只有讓內容的價值為用戶所了解，才能讓人讀下去，願意了解，才有接下來的轉化。
技巧一：圖文互補
想要讓用戶更容易獲取信息，需要讓圖片和文本相互配合，讓視覺化的圖片來營造氛圍，優先傳遞大概的信息和感受給用戶，文本則提供詳細而精準的內容，確保信息准確可用。文本也需要盡量輕松易懂。
技巧二：利用信息圖
復雜的信息可以藉助信息圖來呈現，這樣可以讓不易被人理解的數據和內容，更加視覺化的表達，用戶在瀏覽的時候，可以更加輕松地理解，降低信息理解的門檻，更加直觀。
二、易讀性
文本內容是絕大多數設計中必不可少的組成部分。文字的編排需要以易讀性為原則。字體過小、太密、過多裝飾甚至跳躍性地插入頁面布局中，都是不易讀的表現，也是設計師沒有為讀者考慮的結果。在書寫機會逐漸減少的現代,易讀性是文本內容是最基本要求。文字的可讀性要足夠強，這不僅與文字的形體有關系,而且和大小、字間距、行間距都密切相關。
技巧一：疏密有致的文字排版
根據風格和需求來選用最易讀的襯線體和非襯線體，文字排版比較通常的做法是將行高設置為1.5em- 2.0em，將段間距設定為2.0em，文本對比度為7:1，最小值為4.5:1。每行文本字數不要太多，最好控制在42字以內。
技巧二：清晰連貫的視線流
「視線流」更通俗的叫法是視覺引導，就是整個排版布局有一個相對清晰的閱讀順序和視覺線索，用戶不會因為模稜兩可的排版而選擇錯誤的閱讀順序。視線流能夠讓用戶下意識、按照順序來獲取信息，更加容易理解其中的內容。
8、有哪些網頁排版的設計技巧？
1、網頁排版的設計技巧——過濾和刪除背景圖像
在最初的設計中，有些設計師可能不會費心去尋找好的圖片，導致圖片與光線的角度不一致。另外，畫面的背景是混亂的，所以我們應該去掉背景來達到平衡的布局。
2、網頁排版的設計技巧——圖像層次結構
在多幅圖像的情況下，如果所有的圖像都按照相同的大小排列，沒有任何變化，效果會很單調。我們應該打破常規的設計，適當地調整圖片的大小。使用不同大小的圖片可以放鬆布局。
3、網頁排版的設計技巧——字體選擇和大小控制
一般來說，你不應該使用三種以上的字體，除非你在做藝術。哪種字體更適合節食?這里的主題是西式餐廳，所以字體是宋體(行)。
書寫技巧主要包括對比，紋理，線框裝飾，立體感等，但是這里我們不需要過分追求字體技巧，因為布局中有很多圖片元素，所以我們需要控制其他元素的變化。
4、網頁排版的設計技巧——顏色匹配
不同的主題需要不同的顏色。如果你想表達美味的食物，選擇合適的顏色來表達美味的食物。最快的色彩搭配可以直接吸收主屏作為主色調。配色技術可以在基本色制的基礎上，在單色的基礎上再加小色塊進行裝飾。
注意:裝飾部分不能太大，添加的顏色要與基本色系不同，不能超過三種顏色。
1. 學會尋找和處理圖片，使多個圖片和布局平衡統一;
2. 當有多個圖像時，可以將圖像從背景中去除，並適當調整圖像的大小，使布局輕松、有層次感;
3.試著用特寫來創造引人注目的視覺效果;
4. 為了提高食物的味道，你應該注意字體和顏色。
運用以上網頁排版的設計技巧，將圖文信息合理放置在版面中，使整體版面平衡統一。以上案例只是一個思維的展示，不能過分依賴。學習如何掌握技能是關鍵，還要根據實際情況來完成。想知道更多關於ui設計的設計素材與技巧，可以點擊本站的其他文章進行學習。
9、網頁設計中的文字排版怎麼設計
關於在網頁設計中排版問題，下面提供我的思路以供參考(宏觀角度)：
第一：先把整體框架搭起來，通過絕對定位確定大的模塊的位置。
第二：根據圖中每一塊的結構來選擇table或者其他布局方式。
第三：需要精確的時候可以用Div塊+CSS來調試，出現細節問題可以查資料解決一下。
10、求教，網頁設計里怎麼對div里的文字內容進行排版和首字縮進，感覺怎麼排都好難看
這個具體看你的需要了。
你可以先用word之類的把文字排版好，看看怎麼樣好看，然後用代碼實現這個效果。
你可以在div里用p標簽嵌套文字，然後再排版。這樣也方便日後修改。
對不同類型的文字，排版方式也不一樣。文字應該在網頁設計的時候提前想好，而不是邊寫代碼邊想排版問題的。
字體類型，大小，是否加粗，向哪對齊，首字縮進之類的都要根據情況來決定