閱讀過 css 一些文章後，整理出一些心得，以往看到霧煞煞的東西，也漸漸了解他的面目
css 是簡單好學的，只要一個瀏覽器，輔以其他適當工具，就可以得心應手。
心得整理如下，篇末在附上 有關文字設計相關的文章。
============
以DHTML=CSS(格式) + HTML(結構) + ECMAscript (行為) 分類中CSS的部份屬於設定格式。
格式要如何表示ㄋ?由呈現元素時不同的屬性值來表現；細數屬性值可分成:顏色，邊界，與字體三大類。
css 選擇類 selector，四種類型:
1)元素
2)元素.類別 同元素可以有不同顯示類別
.類別 ( =*.類別) 或虛擬類別
(任意元素都可以)
id selector (#id)
前後文選擇器
P EM {...} //以空格區別
==========================================
<<字體相關>>
1．字號、字體、行距
字號大小可以用不同的方式來計算，例如磅（Point）或像素（Pixel）。因為以像素技術為基礎單位打印時需要轉換為磅，所以，建議采用磅為單位。
較大的字體可用于標題或其他需要強調的地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字號容易產生整體感和精致感，但可讀性較差。
在同一頁面中，字體種類少，版面雅致，有穩定感；字體種類多，則版面活躍，豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。
除了對于可讀性的影響，行距本身也是具有很強表現力的設計語言，
行距的變化也會對文本的可讀性產生很大影響。一般情況下，接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12，即用字10點，則行距12點
行距可以用行高（line-height）屬性來設置，建議以磅或默認行高的百分數為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。
text-indent: 20pt 內縮 作用在哪種類型的元素上
(block) 模式ㄉ裝飾
(inline)模式ㄉ裝飾
==========================================
<<顏色>>
，但應該注意的是，對于文字的顏色，只可少量運用，如果什么都想強調，其實是什么都沒有強調。
顏色的運用除了能夠起到強調整體文字中特殊部分的作用之外，對于整個文案的情感表達也會產生影響。這涉及色彩的情感象征性問題，限于篇幅，在這里不做深入探討。
另外需要注意的是文字顏色的對比度，它包括明度上的對比、純度上的對比以及冷暖的對比。這些不僅對文字的可讀性發生作用，更重要的是，你可以通過對顏色的運用實現想要的設計效果、設計情感和設計思想。
===================================
<<邊界>>
文字網頁
沒有留言:
張貼留言