table的默認屬性及css字體

前幾天一直忙著敲代碼,沒有時間整理內(nèi)容

今天上了關(guān)于position的使用打颤,position屬性有五個值

1.inherit 從父元素繼承 position 屬性的值生蚁。

2.static 默認值嗤放。沒有定位,元素出現(xiàn)在正常文檔流中( 忽視top ,left, right, bottom,或者z-index的聲明)

3.fixed 固定定位 生成絕對定位的元素廊鸥,相對于瀏覽器窗口進行定位望浩。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。會改變行塊元素的默認表現(xiàn)惰说。

4.relative 相對定位 相對于其正常位置進行定位磨德,元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。不會改變元素的默認表現(xiàn)吆视。

5.absolute 絕對定位? 生成絕對定位的元素典挑,相對于瀏覽器窗口進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定啦吧。

table標(biāo)簽

<table></table>默認屬性

1.display : table ; 此元素會作為塊級表格來顯示(類似 )您觉,表格前后帶有換行符。

2.border-collapse :separate 邊框會被分開授滓。屬性設(shè)置表格的邊框是否被合并為一個單一的邊框

3.border-spacing: 2px; 該屬性指定分隔邊框模型中單元格邊界之間的距離琳水。在指定的兩個長度值中,第一個是水平間隔般堆,第二個是垂直間隔在孝。除非 border-collapse 被設(shè)置為 separate,否則將忽略這個屬性淮摔。盡管這個屬性只應(yīng)用于表私沮,不過它可以由表中的所有元素繼承。

4.border-color: grey;?

<tb o d y> </ tb o dy>默認屬性

1.display: table-row-group 此元素會作為一個或多個行的分組來顯示

2.vertical : middle;

3.border-color: inherit;

4.border-collapse : separate;

< t r></ t r>默認屬性

1.display: table-row ;此元素會作為一個表格行顯示

2. vertical :inherit ;

3. border-collapse: seperate ;

<th></th>默認屬性

1.font-weight: bold;

2.display:table-cell;此元素會作為一個表格單元格顯示

3.text-indent: internal-center

<td></td>默認屬性

1.display:table-cell;

2.vertical-align: inherit;

colspan: 跨列合并 colspan="0" 指示瀏覽器橫跨到列組的最后一列

rowspan:跨行合并 rowspan="0" 指示瀏覽器橫跨到表格部分的最后一行

二.字體的使用

1.color 文字顏色設(shè)置

2.font-size 文字 字號 可以百分比 em父級文字字號的倍數(shù) rem 根的倍數(shù)

3.首行縮進設(shè)置 中文 text-indent

4.font-weight 字重

5.font-style: 斜體設(shè)置 italic 斜體設(shè)置 normal正常設(shè)置

6.font-family 字體設(shè)置

7.文字水平對齊 text-align:

8.text-align:justify 文字兩邊對齊 有兼容性問題

9.letter-spacing 字符間距

10.word-spacing 單詞間距 不支持中文

11.文字修飾 text-decoration overline 上劃線 line-through 中劃線

12.vertical 垂直對齊方式

13.內(nèi)容超出處理overflow: auto hidden scroll scroll-x scroll-y

英文沒有空格時候不換行 中文沒有換行問題

auto容器自適應(yīng)內(nèi)容和橙,內(nèi)容高度超出容易仔燕,會出現(xiàn)豎直滾動條造垛,如果內(nèi)容寬度超出容器,會出現(xiàn)水平滾動條

hidden 是把超出容器的內(nèi)容部分給裁減掉

scroll

給容器設(shè)置滾動條涨享,如果內(nèi)容沒有超出容器筋搏,將無法滾動 overflow-x: 對容器的水平方向處理overflow-y: 對容器的垂直方向處理

overflow:auto hidden 兩個屬性還可以用于清除浮動

font-size小于12px,會默認以12px結(jié)算
font-size設(shè)置 大于12px按照設(shè)置的倍數(shù)

小于12px按照12px

100-300 lighter

font-weight:400 相當(dāng)于 normal

font-weight: 500+ 相當(dāng)于 bold

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仆百,一起剝皮案震驚了整個濱河市厕隧,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俄周,老刑警劉巖吁讨,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異峦朗,居然都是意外死亡建丧,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門波势,熙熙樓的掌柜王于貴愁眉苦臉地迎上來翎朱,“玉大人,你說我怎么就攤上這事尺铣∷┣” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵凛忿,是天一觀的道長澈灼。 經(jīng)常有香客問我,道長店溢,這世上最難降的妖魔是什么叁熔? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮床牧,結(jié)果婚禮上荣回,老公的妹妹穿的比我還像新娘。我一直安慰自己戈咳,他們只是感情好驹马,可當(dāng)我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著除秀,像睡著了一般糯累。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上册踩,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天泳姐,我揣著相機與錄音,去河邊找鬼暂吉。 笑死胖秒,一個胖子當(dāng)著我的面吹牛缎患,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播阎肝,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼挤渔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了风题?” 一聲冷哼從身側(cè)響起判导,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沛硅,沒想到半個月后眼刃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡摇肌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年擂红,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片围小。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡昵骤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出肯适,到底是詐尸還是另有隱情变秦,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布疹娶,位于F島的核電站伴栓,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏雨饺。R本人自食惡果不足惜钳垮,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望额港。 院中可真熱鬧饺窿,春花似錦、人聲如沸移斩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽向瓷。三九已至肠套,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間猖任,已是汗流浹背你稚。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人刁赖。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓搁痛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宇弛。 傳聞我的和親對象是個殘疾皇子鸡典,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 13,754評論 1 92
  • 選擇qi:是表達式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color枪芒,font彻况,text-align,li...
    love2013閱讀 2,315評論 0 11
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,060評論 0 1
  • #TA有問題# 每個人都有問題症汹,我們找了幾個人來回答 為什么“男人被性侵”一提就成了段子硫朦? 提問人:T醬 問題描述...
    人間少數(shù)派閱讀 4,487評論 0 0
  • 前兩天坐公交車背镇,上車之前一直在打電話咬展,直到上車之后手里還拿著手機、拿著包包瞒斩,也沒投幣破婆,徑直向后門方向走過去,...
    雪兒W閱讀 370評論 0 0