html+css學(xué)習(xí)筆記012-表格

Author:Mr.柳上原

  • 付出不亞于任何的努力
  • 愿我們所有的努力,都不會被生活辜負(fù)
  • 不忘初心梯轻,方得始終

能者多勞

有時候很不贊同這句話

沒轉(zhuǎn)行之前

干著設(shè)計、文案尽棕、策劃喳挑、售后、人事滔悉、行政......

老板說:他們都沒什么經(jīng)驗伊诵,做不出來的你就做出來給他們看看,讓他們知道你的能力有多強大回官,他們就服你了

于是曹宴,我一人包攬了公司大半部分的工作

或許這就是創(chuàng)業(yè)型公司的悲哀吧

然后

得到的結(jié)局是

所謂 ‘ 沒有經(jīng)驗的人 ’ 從早玩到晚

遇到事情

‘ 沒事,x經(jīng)理會幫我解決歉提,隨便做下就行了 ’

我覺得

能者多勞后面還應(yīng)該加上一句

能力決定生活質(zhì)量
態(tài)度決定人生命運

<!DOCTYPE html> <!-- 文檔類型:標(biāo)準(zhǔn)html文檔 -->

<html lang='en'> <!-- html根標(biāo)簽 翻譯文字:英文 -->

<head> <!-- 網(wǎng)頁頭部 -->

<meta charset='UTF-8'/> <!-- 網(wǎng)頁字符編碼 -->

<meta name='Keywords' content='關(guān)鍵詞1,關(guān)鍵詞2'/>

<meta name='Description' content='網(wǎng)站說明'/>

<meta name='Author' content='作者'/>

<title>前端59期學(xué)員作業(yè)</title> <!-- 網(wǎng)頁標(biāo)題 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外鏈樣式表 -->

<style type='text/css'> /*內(nèi)部樣式表*/

/* 表格樣式初始化 */
th,td{
    padding:0;
}
table{
    border-collapse:collapse;
}

table{
text-align:center; 文字在單元格內(nèi)居中
border:1px solid red; 表格邊框顏色笛坦,優(yōu)先級小于th,td
border-spacing:10px 10px; 邊框線與邊框線之間的距離
border-collapse:; 邊框折疊:
separate默認(rèn):分離
collapse折疊  上面的border-spacing會失效
}
th,td{
border:1px solid #ff9999; 表格邊框顏色
}

table一般特性:
    th 內(nèi)容上下左右居中,并且加粗
    td 內(nèi)容 上下居中 左對齊
    單元格默認(rèn)平分table的寬度
   tbody會平分高度 
   thead 和tfoot里面的th td 內(nèi)容撐開
    table固定寬度時苔巨,td 不固定寬度時版扩,按照內(nèi)容百分比平分寬度
    table固定寬度時,td 固定寬度時侄泽,完全平分寬度
    table固定寬高時礁芦,寬度不能被撐大,高度能撐大
    單元行和列的最大寬度和高度取決于最高和最寬的單元格
    table不給寬高時由內(nèi)容撐開

table特性:
    默認(rèn)占據(jù)一行
    支持margin 和margin auto
   th,td: 不支持margin蔬顾,支持padding
   table組標(biāo)簽里面不要放除了表格標(biāo)簽外的其他標(biāo)簽元素
   td里面可以隨便放任意元素

table特性2:
display:table; 會換行
display:table-row; 把標(biāo)簽變?yōu)楸砀竦膖r單元行屬性
display:table-cell; 把標(biāo)簽變?yōu)楸砀竦膖d單元格屬性

</style>

</head>

<body> <!-- 網(wǎng)頁主干:可視化區(qū)域 -->

<div id='wrap' class='wrap'>
<table> <!-- 表格標(biāo)簽 -->
<caption> </caption> <!-- 給整個表格設(shè)置標(biāo)題 -->
<thead> <!-- 表格頭 -->
<tr> <!-- 表格行 -->
<th> </th> <!-- 表格標(biāo)題 -->
</tr>
</thead>
<tbody> <!-- 表主干 -->
<tr>
<td> </td> <!-- 單元格 -->
</tr>
</tbody>
<tfoot> <!-- 表格尾 -->
<tr>
<td> </td>
</tr>
</tfoot>
colspan 跨越表格列(數(shù)上自己)
rowspan 跨約表格行(數(shù)上自己)

</table>
</div>

</body>

</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宴偿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子诀豁,更是在濱河造成了極大的恐慌窄刘,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件舷胜,死亡現(xiàn)場離奇詭異娩践,居然都是意外死亡,警方通過查閱死者的電腦和手機烹骨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進店門翻伺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人沮焕,你說我怎么就攤上這事吨岭。” “怎么了峦树?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵辣辫,是天一觀的道長。 經(jīng)常有香客問我魁巩,道長急灭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任谷遂,我火速辦了婚禮葬馋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘肾扰。我一直安慰自己畴嘶,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布集晚。 她就那樣靜靜地躺著掠廓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪甩恼。 梳的紋絲不亂的頭發(fā)上蟀瞧,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天,我揣著相機與錄音条摸,去河邊找鬼悦污。 笑死,一個胖子當(dāng)著我的面吹牛钉蒲,可吹牛的內(nèi)容都是我干的切端。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼顷啼,長吁一口氣:“原來是場噩夢啊……” “哼踏枣!你這毒婦竟也來了昌屉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤茵瀑,失蹤者是張志新(化名)和其女友劉穎间驮,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體马昨,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡竞帽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鸿捧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片屹篓。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖匙奴,靈堂內(nèi)的尸體忽然破棺而出堆巧,到底是詐尸還是另有隱情,我是刑警寧澤泼菌,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布恳邀,位于F島的核電站,受9級特大地震影響灶轰,放射性物質(zhì)發(fā)生泄漏谣沸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一笋颤、第九天 我趴在偏房一處隱蔽的房頂上張望乳附。 院中可真熱鬧,春花似錦伴澄、人聲如沸赋除。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽举农。三九已至,卻和暖如春敞嗡,著一層夾襖步出監(jiān)牢的瞬間颁糟,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工喉悴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留棱貌,地道東北人。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓箕肃,卻偏偏與公主長得像婚脱,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

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