id选择器
id选择器可以为特定id的HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义。
语法:
#id名 {
属性1: 属性1;
.....
}
注意:id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用
类选择器和id选择器的比较:
1.类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
2.id选择器好比人的身份证号码,全国唯一的,不得重复
3.id选择器和类选择器最大的不同在于使用次数上。
4.类选择器再修改样式中用的最多,id选择器一般用于页面唯一性元素上,经常和javascript搭配使用。
id选择器代码示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>id选择器</title> <style> /* id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 */ #pink { color: pink; } </style> </head> <body> <div id="pink">迈克尔杰克逊</div> </body> </html>
代码实现为:
迈克尔杰克逊
相关推荐
jiedinghui 2020-10-25
葉無聞 2020-09-01
buttonChan 2020-08-02
drdrsky 2020-07-05
葉無聞 2020-07-05
opspider 2020-06-28
zhanghaibing00 2020-06-28
opspider 2020-06-26
somboy 2020-06-26
sdbxpjzq 2020-06-25
xiaohuli 2020-06-17
zhanghaibing00 2020-06-14
牵手白首 2020-06-14
teresalxm 2020-06-13
覆雪蓝枫 2020-06-09