正在加载图片...
<u> i>1</i> <i>2</i> <li class="Button Now >3</i> <i>4</i> i>5</i> <i>6</i> <i>7 </u </html> 2.4ID选择器(#ID) ID选择器和类选择器是很相似的,在使用ID选择器之前也需要 先在htm1文档中加注ID名称,这样在样式选择器中才能找到相对应 的元素。与类选择器不同的是,ID选择器是一个页面中唯一的值 在定义类时在相对应的类名前加上一个“.”号(. className), 而在定义ID选择器时则是在名称前使用"#"号(#id)。 粲例 例11-4:ID选择器 <!doctype htmI> ≤htm> shead <meta charset="utf-8> tte>|D选择器</ite <style type="text/css"> margin: 10px dding: 5px font-size: 13px color: #FFF: text-align: center: border-radius 5px border: 1px solid #FoO background-color: #F90 float: left 5《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn5 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <div> <ul> <li>1</li> <li>2</li> <li class="ButtonNow">3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </div> </body> </html> 2.4ID 选择器（#ID） ID 选择器和类选择器是很相似的，在使用 ID 选择器之前也需要 先在 html 文档中加注 ID 名称，这样在样式选择器中才能找到相对应 的元素。与类选择器不同的是，ID 选择器是一个页面中唯一的值。 在定义类时在相对应的类名前加上一个“.”号（.className）， 而在定义 ID 选择器时则是在名称前使用"#"号（#id）。 案例： 示例 11-4：ID 选择器 <!doctype html> <html> <head> <meta charset="utf-8"> <title>ID 选择器</title> <style type="text/css"> li { margin:10px; padding:5px; width:18px; font-size:13px; color:#FFF; text-align:center; border-radius:5px; border:1px solid #F00; background-color: #F90; float:left; list-style:none;