CSS 选择器 伪类 伪对象2.5课时.ppt

本次课程练习 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title标签选择器/title style type=text/css !-- body{ background:#CCC;} div{ background:#00F;} strong{ font-size:30px;} p{ background:#F00;} -- /style /head body divdiv/div strongstrong/strong pp/p /body /html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleId选择器/title style type=text/css !-- #Phphubei{ background:#00F;} #phphubei{ background:#F00;} #_phphubei{ background:#0F0;} -- /style /head body div id=Phphubeidiv/div strong id=phphubeistrong/strong p id=_phphubeip/p /body /html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleClass选择器/title style type=text/css !-- .php{ background:#00F;} -- /style /head body div class=phpdiv/div h1 class=phpstrong/h1 p class=phpp/p /body /html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleClass选择器/title style type=text/css !-- div.php{ background:#00F;} -- /style /head body div class=phpdiv/div h1 class=phpstrong/h1 p class=phpp/p /body /html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title后代选择器/title style type=text/css !-- div h1{ background:#999;} -- /style /head body div h1测试A/h1 /div div p h1测试B/h1 /p /div /body /html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml he