css标签选择器，类选择器

2024-04-27 15:18:56

字体：大中小

来源：转载

供稿：网友

一，类选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-CSS类选择器.html</title>  <style> .p1{ color: red; } .p2{ color: burlywood; } .p3{ color: greenyellow; } .p4{ color: cyan; } .para1{ color: green; } .para2{ font-size:50px; } </style></head><body><h1>成功法则</h1><p class="p1">迟到毁一生</p><p class="p2">早退穷三代</p><p class="p3">按时上下班</p><p class="p4">终成高富帅</p><br><p class="para1 para2">我是段落</p></body></html>

二，id类选择器和class选择器的比较

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>11-cssid选择器和class选择器.html</title>  <style> /* .para1{ color: red; font-size: 30px;; } .para2{ font-size: 30px; text-decoration: underline; } .para3{ color: red; text-decoration: underline; }*/ .coloR{ color: red; } .size30{ font-size: 30px; } .line{ text-decoration: underline; } </style></head><body><p class="coloR size30">第一段文字</p><p class="size30 line">第二段文字</p><p class="coloR line">第三段文字</p></body></html>

上一篇：jsp通过include指令引入html乱码的解决方法

下一篇：CSS清除浮动_清除float浮动

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注