复旦大学：《Web应用基础》教学课件_Chapter 3 CSS

web应用基砒

Web应用基础

CSS <> Software School p color: maroon; font: italic 2.6em Times, Serif text-decoration: underline; Software School Software school Software school

CSS Software School p {color: maroon; font: italic 2.6em Times, Serif; text-decoration: underline;} Software School

CSS p, h1icolor: maroon font italic 2.6em Times serif text-decoration: underline; 1

CSS p, h1 {color: maroon; font: italic 2.6em Times, Serif; text-decoration: underline;}

不鼓励使用元素

不鼓励使用元素

HTML与CSS Harry' s ancestors head body> Charlus Potter Rowling's Black Family

HTML与CSS Harry's ancestors Charlus Potter Rowling’s Black Family…

sheet1. css HTML与CSS pi color: red; font: 1em Times 1 shee2. css p i color: blue h1 font: italic 2em Times Harry' s ancestors body> Charlus potter s/h1> Rowling,'s Black Family

HTML与CSS Harry's ancestors Charlus Potter Rowling’s Black Family… sheet1.css p { color: red; font: 1em Times;} shee2.css p { color: blue; } h1 {font: italic 2em Times;}

sheet1. css HTML与CSS pi color: red; font: 1em Times 1 shee2. css p i color: blue h1 font: italic 2em Times Harry' s ancestors 4A e Harry'ssncestor Charlus potter Charlus potter s/h1> Rowling's Black Family Tree mentions a Charlus Potter wh grandchild of Phineas Nigellus Black (BFT). They had one Rowling' it is doubtful that Charlus is Harry's grandfather because Jd getting on a little when he was bom, which explains the only an-extra-treasure, as often happens, I think. They were old only 57 when she died

HTML与CSS Harry's ancestors Charlus Potter Rowling’s Black Family… sheet1.css p { color: red; font: 1em Times;} shee2.css p { color: blue; } h1 {font: italic 2em Times;}

Media 所有媒体 screen 「屏幕媒体,如桌面计算机监视器 print 打印机 project 投影仪 aural 语言合成器、屏幕阅读器等 handheld手持设备,如个人数字助理或支持Web的手机 tty 固定间距环境,如电传打字机 ty 电视机

Media aural 语言合成器、屏幕阅读器等 tv 电视机 handheld 手持设备，如个人数字助理或支持Web的手机 project 投影仪 tty 固定间距环境，如电传打字机 print 打印机 screen 屏幕媒体，如桌面计算机监视器 all 所有媒体

属性值的表示 值的类型 (X|Y) X或Y (XIIY Ⅹ或Y,或者两者都出现,且X和Y出现的顺序 没有限制 [ expression]组合 前面的值或组合可以重复0次或多次 前面的值或组合可以重复1次或多次 前面的值或组合是可选的 {M,N} 前面的值或组合至少重复M次,至多重复N次

属性值的表示 ? 前面的值或组合是可选的 * 前面的值或组合可以重复 0次或多次 {M, N} 前面的值或组合至少重复 M次，至多重复 N 次 + 前面的值或组合可以重复 1次或多次 [expression] 组合 X 或 Y，或者两者都出现，且 X 和 Y出现的顺序 没有限制 (X || Y) (X | Y) X 或 Y 值的类型

属性值举例 give Il me II liberty give liberty glve me liberty me give give me liberty [II am]? the II walrus I the walrus am walrus the am the I walrus walrus the Koo+ Achoo Koo achoo KooKoo achoo Koo Koo Koo achoo

属性值举例 Koo Kachoo Koo Koo Kachoo Koo Koo Koo Kachoo Koo+ Kachoo I the walrus am walrus the am the I walrus walrus the [I | am]? the || walrus give liberty give me liberty me give give me liberty give || me || liberty