十二課講解下

css樣式講解(下)潭州學(xué)院主講：清心本章內(nèi)容css控制文本樣式一css控制表格樣式二文字效果大全1、控制文字大?。篺ont-size:12px;2、控制文字顏色：color:red;3、控制文字字體：font-family:"宋體";4、文字距中對(duì)齊：text-align:center;5、文字豎直方向距中：line-height:35px;6、控制文字粗細(xì)：font-weight:bold;<b>加粗的文字</b>7、文字下劃線：text-decoration:underline;<u>添加下劃線文字</u>8、文字刪除線：text-decoration:line-through;<del>刪除線</del>9、文字上劃線：text-decoration:overline10、豎排文字顯示：writing-mode:tb-rl;t-topb-bottomr-rightl-left11、文字背景顏色：background-color:red;12、文字首字下沉：:first-letter{font-size:300%;float:left;color:yellow;}13、控制文字斜體：font-style:Italic<i>斜體文字</i>14、文字上下標(biāo)：^{上標(biāo)內(nèi)容}_{下標(biāo)內(nèi)容}writing-mode屬性講解一：語(yǔ)法：writing-mode：horizontal-tb|vertical-rl|vertical-lr|lr-tbIE|tb-rlIE默認(rèn)值：normal適用于：除table-row-group,table-column-group,table-row,table-column之外的所有元素繼承性：有取值：horizontal-tb：水平方向自上而下的書寫方式。即left-right-top-bottom（類似IE私有值lr-tb）vertical-rl：垂直方向自右而左的書寫方式。即top-bottom-right-left（類似IE私有值tb-rl）vertical-lr：垂直方向自左而右的書寫方式。即top-bottom-left-rightlr-tb：左-右，上-下。對(duì)象中的內(nèi)容在水平方向上從左向右流入，后一行在前一行的下面。所有的字形都是豎直向上的。這種布局是羅馬語(yǔ)系使用的（IE）tb-rl：上-下，右-左。對(duì)象中的內(nèi)容在垂直方向上從上向下流入，自右向左。后一豎行在前一豎行的左面。全角字符是豎直向上的，半角字符如拉丁字母或片假名順時(shí)針旋轉(zhuǎn)90度。這種布局是東亞語(yǔ)系通常使用的（IE）此屬性效果不能被累加使用。例如，父對(duì)象的此屬性值設(shè)為tb-rl，子對(duì)象再設(shè)置該屬性將不起作用，仍應(yīng)用父對(duì)象的設(shè)置。first-letter屬性講解一：定義和用法:first-letter偽元素向文本的第一個(gè)字母添加特殊樣式。這個(gè)偽元素用于指定一個(gè)元素第一個(gè)字母的樣式。所有前導(dǎo)標(biāo)點(diǎn)符號(hào)應(yīng)當(dāng)與第一個(gè)字母一同應(yīng)用該樣式。某些語(yǔ)言有一些要處理為單個(gè)字符的字母組合，如果是這樣，用戶代理可能會(huì)把首字母同時(shí)應(yīng)用到這個(gè)字母組合。二：注釋：下列屬性應(yīng)用于:first-letter偽元素?font屬性color屬性background屬性line-height屬性?margin屬性padding屬性border屬性?text-decoration?vertical-align(僅當(dāng)'float'為'none'時(shí))?text-transform//定義字母的大小寫?float?clear//清楚浮動(dòng)你還做網(wǎng)站嗎？你還做網(wǎng)站嗎？text-transform屬性講解定義和用法text-transform屬性控制文本的大小寫。說明這個(gè)屬性會(huì)改變?cè)刂械淖帜复笮?，而不論源文檔中文本的大小寫。如果值為capitalize，則要對(duì)某些字母大寫，但是并沒有明確定義如何確定哪些字母要大寫，這取決于用戶代理如何識(shí)別出各個(gè)“詞”。表格屬性講解定義和用法<table>標(biāo)簽定義HTML表格。簡(jiǎn)單的HTML表格由table元素以及一個(gè)或多個(gè)tr、th或td元素組成。tr元素定義表格行，th元素定義表頭，td元素定義表格單元。常用屬性colspan:單元格可橫跨的列數(shù)(合并列)rowspan

:屬性規(guī)定單元格可橫跨的行數(shù)（合并行）css樣式border-collapse:可以定義邊框的合并和分離table-layout:可以設(shè)定單元格是否根據(jù)內(nèi)容自適應(yīng)寬度vertical-align:屬性設(shè)置元素的垂直對(duì)齊方式padding:內(nèi)邊距margin:外邊距/**/border:表格邊框width:表格寬度height:表格高度css屬性樣式講解border-collapse定義和用法：屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，還是象在標(biāo)準(zhǔn)的HTML中那樣分開顯示。值描述separate默認(rèn)值。邊框會(huì)被分開。不會(huì)忽略border-spacing和empty-cells屬性。collapse如果可能，邊框會(huì)合并為一個(gè)單一的邊框table-layout定義和用法屬性用來顯示表格單元格、行、列的算法規(guī)則值描述automatic默認(rèn)。列寬度由單元格內(nèi)容設(shè)定。fixed列寬由表格寬度和列寬度設(shè)定。css屬性樣式講解vertical-align定義和用法：text-align:center;屬性設(shè)置元素的垂直對(duì)齊方式值描述baseline默認(rèn)。元素放置在父元素的基線上sub垂直對(duì)齊文本的下標(biāo)。super垂直對(duì)齊文本的上標(biāo)top把元素的頂端與行中最高元素的頂端對(duì)齊text-top把元素的頂端與父元素字體的頂端對(duì)齊