随笔记录方便自己和同路人查阅,学习CSS时最好先学会HTML。
#------------------------------------------------我是可耻的分割线-------------------------------------------
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ background-color:#2459a2; height:48px; } </style> </head> <body> <div class="c1">.c1</div> <div class="c1">.c1重用</div> </body> </html>
.c1使用的是class,class是可以重复的,此时此种颜色设置就可以重复使用了,效果如下。
小知识:注释/* */
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* .c1{ background-color:#2459a2; height:48px; } */ </style> </head> <body> <div class="c1">.c1</div> <div class="c1">.c1重用</div> </body> </html>
结果展示: