摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素选择器</title> <style> /* 子元素选择器 作用：选中父元素的指定元素 语法：父元素 > 子元素 */ div > p{ background-color:g 阅读全文
posted @ 2022-05-08 15:18
氯丙嗪
阅读(38)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>后代元素选择器</title> <style> /* 后代元素选择器 作用：选中指定元素的指定子元素 语法：祖先 后代{} */ div p{ font-size: 20px; } 阅读全文
posted @ 2022-05-08 15:12
氯丙嗪
阅读(30)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素间的关系</title> </head> <body> <!-- 元素间的关系 父元素 直接包含子元素的元素 子元素 直接被父元素所包含的元素 祖先元素 直接或间接包含后代元素 阅读全文
posted @ 2022-05-08 14:55
氯丙嗪
阅读(112)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>交集选择器</title> <style> /* 交集选择器 作用：选中同时符合多个选择器的元素 语法：选择器1选择器2....选择器N 列子：div.box{} */ div.b 阅读全文
posted @ 2022-05-08 14:10
氯丙嗪
阅读(71)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>通配选择器</title> <style> /* 通配选择器 作用：选中页面中所有的元素 语法：* */ *{ background-color: #BBFFAA; } </sty 阅读全文
posted @ 2022-05-08 14:00
氯丙嗪
阅读(26)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> /* 类选择器 作用：根据元素的class属性选中元素 语法：.p1{} .p2{} */ .p3{ ba 阅读全文
posted @ 2022-05-08 13:54
氯丙嗪
阅读(24)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器分组</title> <style> /* 选择器分组 作用：可以同时为多个选择器设置相同的样式 语法：选择器1，选择器2，选择器3。。。。，选择器N 列子：#bootom， 阅读全文
posted @ 2022-05-08 11:13
氯丙嗪
阅读(17)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>id选择器</title> <style> /* id选择器 作用：根据元素的id属性值，选中一个元素 语法：#id 列子：#bootom */ #bootom{ font-siz 阅读全文
posted @ 2022-05-08 11:01
氯丙嗪
阅读(35)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <!-- 元素选择器 作用：根据标签名来选中指定元素 语法：标签名 列子：p{} b{} --> <style> p{ background-color 阅读全文
posted @ 2022-05-08 10:42
氯丙嗪
阅读(34)
评论(0)
推荐(0)
浙公网安备 33010602011771号