阅读量:0
一. 基础
1. 在一个html文件中引入"../css/format1.css"；
2. 在一个html文件中引入"../css/format2.css"；
3. 在一个html文件中引入"../css/format3.css"；
已知一个html文件中引入了一个css文件中，则：
4. 对于html文件中的p标签，将其字体颜色都设置为orange；
5. 对于html文件中的p标签，将其字体颜色都设置为green；
6. 对于html文件中的p标签，将其字体颜色都设置为purple；
7. 对于html文件中的p标签，将其字体颜色都设置为rgb(253, 184, 55)；
8. 对于html文件中的p标签，将其字体颜色都设置为rgb(24, 210, 24)；
9. 对于html文件中的p标签，将其字体颜色都设置为rgb(182, 34, 182)；
10. 对于html文件中的p标签，将其字体颜色都设置为#fdb837；
11. 对于html文件中的p标签，将其字体颜色都设置为#18d218；
12. 对于html文件中的p标签，将其字体颜色都设置为#b622b6；
13. 对于html文件中的p标签，将其字体颜色都设置为hsl(39, 98%, 60%)；
14. 对于html文件中的p标签，将其字体颜色都设置为hsl(120, 79%, 46%)；
15. 对于html文件中的p标签，将其字体颜色都设置为hsl(300, 69%, 42%)；
16. 对于html文件中的p标签，将其字体颜色都设置为hwb(39 21% 1%)；
17. 对于html文件中的p标签，将其字体颜色都设置为hwb(120 10% 18%)；
18. 对于html文件中的p标签，将其字体颜色都设置为hwb(300 13% 29%)；
19. 已知html文件中，<html>标签的字体大小为16px。则对于html文件中的p标签，将其字体大小设置为<html>标签字体的1.5倍大；
20. 已知html文件中，<html>标签的字体大小为16px。则对于html文件中的p标签，将其字体大小设置为<html>标签字体的1.25倍大；
21. 已知html文件中，<html>标签的字体大小为16px。则对于html文件中的p标签，将其字体大小设置为<html>标签字体的0.8倍大；
22. 对于html文件中的p标签，将其字体大小设置为其父标签字体大小的1.5倍；
23. 对于html文件中的p标签，将其字体大小设置为其父标签字体大小的1.25倍；
24. 对于html文件中的p标签，将其字体大小设置为其父标签字体大小的0.8倍；
25. 对于html文件中的p标签，将其字体大小设置为16像素；
26. 对于html文件中的p标签，将其字体大小设置为18像素；
27. 对于html文件中的p标签，将其字体大小设置为20像素；
28. 对于html文件中的p标签，将其字体粗细设置为一般粗细；
29. 对于html文件中的p标签，将其字体粗细设置为粗；
30. 对于html文件中的p标签，将其字体粗细设置为细；
31. 对于html文件中的p标签，将其字体粗细设置为更粗；
32. 对于html文件中的p标签，将其字体粗细设置为“从父元素继承”；
33. 对于html文件中的p标签，将其字体粗细设置为300；
34. 对于html文件中的p标签，将其字体粗细设置为600；
二. 提高
1. rgb表示法是什么？
2. #表示法是什么？
3. hsl表示法是什么？
4. hwb表示法是什么？
5. <head>标签有结束标签嘛？
6. <head>标签有结束标签嘛？
一. 基础
1. <head>
<link rel="stylesheet" href="../css/format1.css">
</head>
2. <head>
<link rel="stylesheet" href="../css/format2.css">
</head>
3. <head>
<link rel="stylesheet" href="../css/format3.css">
</head>
4. p{ color: orange; }
5. p{ color: green; }
6. p{ color: purple; }
7. p{ color: rgb(253, 184, 55); }
8. p{ color: rgb(24, 210, 24); }
9. p{ color: rgb(182, 34, 182); }
10. p{ color: #fdb837; }
11. p{ color: #18d218; }
12. p{ color: #b622b6; }
13. p{ color: hsl(39, 98%, 60%); }
14. p{ color: hsl(120, 79%, 46%; }
15. p{ color: hsl(300, 69%, 42%); }
16. p{ color: hwb(39 21% 1%); }
17. p{ color: hwb(120 10% 18%); }
18. p{ color: hwb(300 13% 29%); }
19. p{ font-size: 1.5rem; }
20. p{ font-size: 1.25rem; }
21. p{ font-size: 0.8rem; }
22. p{ font-size: 1.5em; } 或者 p{ font-size: 150%; }
23. p{ font-size: 1.25em; } 或者 p{ font-size: 125%; }
24. p{ font-size: 0.8em; } 或者 p{ font-size: 80%; }
25. p{ font-size: 16px; }
26. p{ font-size: 18px; }
27. p{ font-size: 20px; }
28. p{ font-weight: normal; } 或者 p{ font-weight: 400; }
29. p{ font-weight: bold; } 或者 p{ font-weight: 700; }
30. p{ font-weight: lighter; } 或者 p{ font-weight: 100; }
31. p{ font-weight: bolder; } 或者 p{ font-weight: 900; }
32. p{ font-weight: inherit; }
33. p{ font-weight: 300; }
34. p{ font-weight: 600; }
二. 提高
1. rgb表示法，通过调整红、绿、蓝三盏灯的亮度，进而调整混合后得到的颜色；
2. #表示法，用十六进制重写rgb表示法中的三个0到255之间的数，接着粘贴到一起。通过调整这个六位十六进制的值，调整红、绿、蓝三盏灯的亮度，进而调整混合后得到的颜色；
3. hsl表示法，通过调整色相hue、饱和度（浓度）saturation、亮度lightness来调整颜色；
4. hwb表示法，通过调整色相hue、白色浓度whiteness、黑色浓度blackness来调整颜色；
5. <head>标签有结束标签；
6. <head>标签有结束标签；
