1月23號筆記

<ul>

<li></li>

</ul>

無序列表

<ol>

<li></li>

</ol>

有序列表

<dl>

<dt></dt>

<dd></dd>

</dl>

自定義列表

<!--文字--> 注釋標簽

<table>

<tr>

<td></td>

</tr>

</table>

表格標簽(郵件營銷可以使用)

Tr是橫

Td是列

例:

<body>

<div style="border:#000000 1px solid;solid width:900px;float:left;">

? ? <div style="border:#000000 1px solid;width:300px;height:100px;float:left;"></div>

? ? <div style="border:#000000 1px solid;width:596px;height:100px;float:left;"></div>

? ? <div></div>

? ? <div></div>

<div>

? ? <div></div>

? ? <div></div>

? ? <div></div>

</div>

<div></div>

</div>

網(wǎng)頁上的寬高都是以像素為單位“px”

Style;樣式

Border;邊線

Solid ;固體(表格屬性必加)

Width;寬

Height;高

float:left;左浮動標簽

例:

<html>

<head>

<title>妙芬</title>

<style>

.dhz{border:#000000 1px solid; width:900px;float:left;}

.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}

.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}

.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}

.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}

.h567{width:500px;height:500px;float:left;"}

.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}

.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}

.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}

</style>

</head>

<body>

<div class="dhz">

<div class="h1"></div>

<div class="h2"></div>

<div class="h3"></div>

<div class="h4"></div>

<div class="h567">

? <div class="h5"></div>

? <div class="h5"></div>

? <div class="h7"></div>

</div>

<div class="h8"></div>

</div>

</body>

</html>

Id對應#

Class對應.

內(nèi)外部調(diào)用就用{? }

外部調(diào)用:

<link rel="stylesheet" type="text/css" href=" 調(diào)用路徑? " />

例:

<html>

<head>

<title>妙芬</title>

<link rel="stylesheet" type="text/css" href="E:/妙芬/妙芬.css" />

</head>

<body>

<div class="dhz">

<div class="h1"></div>

<div class="h2"></div>

<div class="h3"></div>

<div class="h4"></div>

<div class="h567">

? <div class="h5"></div>

? <div class="h5"></div>

? <div class="h7"></div>

</div>

<div class="h8"></div>

</div>

</body>

</html>

路徑:妙芬.css

調(diào)用內(nèi)容:

<style>

.dhz{border:#000000 1px solid; width:900px;float:left;}

.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}

.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}

.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}

.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}

.h567{width:500px;height:500px;float:left;"}

.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}

.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}

.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}

</style>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子箭券,更是在濱河造成了極大的恐慌,老刑警劉巖圈浇,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件裂问,死亡現(xiàn)場離奇詭異寥假,居然都是意外死亡谎柄,警方通過查閱死者的電腦和手機爪飘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門湿滓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來亲铡,“玉大人右蹦,你說我怎么就攤上這事昨悼∈蘸荆” “怎么了妓灌?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蜜宪。 經(jīng)常有香客問我虫埂,道長,這世上最難降的妖魔是什么圃验? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任掉伏,我火速辦了婚禮,結(jié)果婚禮上澳窑,老公的妹妹穿的比我還像新娘斧散。我一直安慰自己,他們只是感情好摊聋,可當我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布鸡捐。 她就那樣靜靜地躺著,像睡著了一般麻裁。 火紅的嫁衣襯著肌膚如雪箍镜。 梳的紋絲不亂的頭發(fā)上源祈,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機與錄音色迂,去河邊找鬼香缺。 笑死,一個胖子當著我的面吹牛歇僧,可吹牛的內(nèi)容都是我干的图张。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼诈悍,長吁一口氣:“原來是場噩夢啊……” “哼祸轮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起写隶,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤倔撞,失蹤者是張志新(化名)和其女友劉穎讲仰,沒想到半個月后慕趴,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡鄙陡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年冕房,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趁矾。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡耙册,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出毫捣,到底是詐尸還是另有隱情详拙,我是刑警寧澤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布蔓同,位于F島的核電站饶辙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏斑粱。R本人自食惡果不足惜弃揽,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望则北。 院中可真熱鬧矿微,春花似錦、人聲如沸尚揣。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽快骗。三九已至蒿辙,卻和暖如春拇泛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背思灌。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工俺叭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人泰偿。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓熄守,卻偏偏與公主長得像,于是被迫代替她去往敵國和親耗跛。 傳聞我的和親對象是個殘疾皇子裕照,可洞房花燭夜當晚...
    茶點故事閱讀 44,960評論 2 355

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

  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形调塌,在下面列出晋南。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,548評論 0 8
  • 不會用代碼框羔砾,所以看著有些亂套负间,,姜凄,政溃,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,534評論 0 0
  • 一申鱼、在什么場景下會出現(xiàn)外邊距合并愤诱?如何合并?如何不讓相鄰元素外邊距合并捐友?給個父子外邊距合并的范例 在CSS當中淫半,相...
    dengpan閱讀 575評論 0 0
  • 1、垂直對齊 如果你用CSS楚殿,則你會有困惑:我該怎么垂直對齊容器中的元素撮慨?現(xiàn)在,利用CSS3的Transform脆粥,...
    kiddings閱讀 3,166評論 0 11
  • 第一章 遠處的小村子里砌溺,濃煙滾滾,看起來是被綠林漢襲擊了变隔,在這種遠離城鎮(zhèn)规伐,甚至遠離中原的地區(qū),更何況是一個小...
    被迫加入閱讀 106評論 0 2