人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁設計教程 > 詳細頁面

CSS實用圖文詳細教程(4)

CSS實用圖文詳細教程(4)

更新時間:2020-11-25 文章作者:未知 信息來源:網(wǎng)絡 閱讀次數(shù):

網(wǎng)站建設是指使用標識語言(markup language),通過一系列設計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網(wǎng)站頁面上。
七.控制文字的樣式 控制文字的樣式包括文字大小寫、文字修飾兩個部分。 1.文字大小寫 文字大小寫使網(wǎng)頁的設計者不用在輸入文字時就完成文字的大小寫,而可以在輸入完畢后,再根據(jù)需要對局部的文字設置大小寫。 基本格式如下: text-transform: 參數(shù) 參數(shù)取值范圍: ·uppercase:所有文字大寫顯示 ·lowercase:所有文字小寫顯示 ·capitalize:每個單詞的頭字母大寫顯示 ·none:不繼承母體的文字變形參數(shù) 注意:繼承是指HTML的標識符對于包含自己的標識符的參數(shù)會繼承下來。 2.文字修飾 文字修飾的主要用途是改變?yōu)g覽器顯示文字鏈接時的下劃線。 基本格式如下: text-decoration: 參數(shù) 參數(shù)取值范圍: ·underline:為文字加下劃線 ·overline:為文字加上劃線 ·line-through:為文字加刪除線 ·blink:使文字閃爍 ·none:不顯示上述任何效果 八.控制文本的樣式 控制文本的樣式包括單詞距離、字母距離、文本行距、文本水平對齊、文本垂直對齊文本縮進六個部分。 1.單詞間距 單詞間距指的是英文每個單詞之間的距離,不包括中文文字。 基本格式如下: word-spacing: 間隔距離 間隔距離的取值:points、em、pixes、in、cm、mm、pc、ex、normal等。 2.字母間距 字母間距是指英文字母之間的距離,功能、用法,以及參數(shù)的設置和單詞間距很相似。 基本格式如下: letter-spacing: 字母間距 3.行距

行距是指上下兩行基準線之間的垂直距離。一般地說,英文五線格練習本,從上往下數(shù)的第三條橫線就是計算機所認為的該行的基準線。

基本格式如下:

line-height: 行間距離

行間距離取值:

·不帶單位的數(shù)字:以1為基數(shù),相當于比例關系的100%

·帶長度單位的數(shù)字:以具體的單位為準

·比例關系

注意:如果文字字體很大,而行距相對較小的話,可能會發(fā)生上下兩行文字互相重疊的現(xiàn)象。

4.文本水平對齊

文本水平對齊可以控制文本的水平對齊,而且并不僅僅指文字內(nèi)容,也包括設置圖片、影像資料的對齊方式。

基本格式如下:

text-align: 參數(shù)

參數(shù)的取值:

·left:左對齊

·right:右對齊

·center:居中對齊

·justify:相對左右對齊

但需要注意的是,text-alight是塊級屬性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等標識符里。

5.文本垂直對齊

文本的垂直對齊應當是相對于文本母體的位置而言的,不是指文本在網(wǎng)頁里垂直對齊。比如說,表格的單元格里有一段文本,那么對這段文本設置垂直居中就是針對單元格來衡量的,也就是說,文本將在單元格的正中顯示,而不是整個網(wǎng)頁的正中。

基本格式如下:

vertical-align: 參數(shù)

參數(shù)取值:

·top:頂對齊

·bottom:底對齊

·text-top:相對文本頂對齊

·text-bottom:相對文本底對齊

·baseline:基準線對齊

·middle:中心對齊

·sub:以下標的形式顯示

·super:以上標的形式顯示

6.文本縮進

文本縮進可以使文本在相對默認值較窄的區(qū)域里顯示,主要用于中文板式的首行縮進,或是為大段的引用文本和備注做成縮進的格式。

基本格式如下:

text-indent: 縮進距離

縮進距離取值:

·帶長度單位的數(shù)字

·比例關系

但是需要注意的是,在使用比例關系的時候,有人會認為瀏覽器默認的比例是相對段落的寬度而言的,其實事實并非如此,整個瀏覽器的窗口才是瀏覽器所默認的參照物。

另外,text-indent是塊級屬性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等標識符里。大多數(shù)人在上網(wǎng)的時候,都會瀏覽網(wǎng)頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統(tǒng)下載排行

主站蜘蛛池模板: 松阳县| 长沙市| 东丰县| 钦州市| 乌拉特中旗| 大同县| 抚宁县| 自贡市| 舟曲县| 博兴县| 海丰县| 巴里| 普兰店市| 乌兰县| 平湖市| 交口县| 方城县| 达日县| 临泉县| 大方县| 富源县| 秦皇岛市| 吉水县| 梁平县| 旬邑县| 修文县| 两当县| 漠河县| 吐鲁番市| 辽中县| 新竹市| 于田县| 理塘县| 监利县| 上饶市| 石家庄市| 中江县| 宾川县| 东安县| 盘山县| 叙永县|