CSS頁面布局技巧(一)

2021-08-03 19:51:50 字數 1308 閱讀 1438

1、字型型別

絕大多數使用者系統預設支援的中文字型有宋體黑體幼圓楷體;預設支援的英文本型有arialarial blackarial narrowcentury gothiccomic sansmstimes new roman等等。在使用中,宋體arial使用頻率最高。

css提供font-family屬性設定字型型別。

例項:p

注意:若同時設定多個字型屬性,則優先順序是先後順序。

2、字型大小

css提供font-size屬性設定字型大小。

例項:p

3、字型加粗

css提供font-weight屬性設定字型加粗。

例項:p

4、文字顏色

css提供color屬性設定文字顏色。

例項:p

5、斜體

css提供font-style屬性設定字斜體。屬性值有normal, italic, oblique三種。

例項:p

6、下劃線、頂劃線、刪除線

css提供font-decoration屬性設定下劃線、頂劃線、刪除線。屬性值有underline(下劃線)、blink(閃爍文字)、overline(頂劃線)、line-through(刪除線)四種。

例項:p

7、英文本母大小寫

css提供font-transform屬性設定英文本母大小寫。屬性值有none(無)、capitalize(首字母大寫)、uppercase(全部大寫)、lowercase(全部小寫)四種。

例項:p

8、文字的段落樣式

語法:writing-mode:lr-tb; (左右-上下)

writing-mode:tb-rl; (上下-右左)

layout-flow:horizontal; (水平排列)

layout-flow:vertical-ideographic; (垂直排列)

CSS 頁面布局

幾個實現多欄布局的方法。主要介紹使用內部div來建立浮動的欄。多欄布局有三種基本的實現方案 固定寬度 流動 彈性。固定寬度布局的大小是隨使用者調整瀏覽器視窗大小而變化,一般是900至1100畫素寬。其中960畫素是很常見的,因為這個寬度適合所有的現代瀏覽器,而且能被16 12 10 8 6 5 4和...

css頁面布局

總結 布局1 0 內聯元素對設定寬 width 和高 height 不敏感 1 如果子元素是乙個塊級元素 block 或者被設定為塊級元素,我們可以對子元素使用margin 0 auto居中。class container class sub1 2 如果子元素是乙個內聯元素或者被設定為內聯 內聯塊元...

布局頁面CSS

樣式表 作用 美化網頁,頁面布局。分類 內聯,寫在標籤裡面style 裡面的樣式,優點是控制精確,可重用性差。內嵌,嵌在網頁的head裡面,可重用性高 外部,樣式寫在另乙個檔案裡面,如果要用直接附加過來。link rel styleheet type text css href style.css ...