Web前端-Web开发CSS基础1-字体属性
创始人
2024-12-27 01:33:49
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文件中,标签的字体大小为16px。则对于html文件中的p标签,将其字体大小设置为标签字体的1.5倍大;
20. 已知html文件中,标签的字体大小为16px。则对于html文件中的p标签,将其字体大小设置为标签字体的1.25倍大;
21. 已知html文件中,标签的字体大小为16px。则对于html文件中的p标签,将其字体大小设置为标签字体的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. 标签有结束标签嘛?
6. 标签有结束标签嘛?


一. 基础
1.


2.


3.


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. 标签有结束标签;
6. 标签有结束标签;

相关内容

热门资讯

4分钟了解!微扑克美元局外挂辅... 4分钟了解!微扑克美元局外挂辅助作弊,wepoke黑科技是啥(有挂总结)-哔哩哔哩;1、点击下载安装...
五分钟体悟!全民牛牛拼三张提高... 五分钟体悟!全民牛牛拼三张提高胜率!(透视)外挂开挂辅助器作弊(2021已更新)-哔哩哔哩是一款可以...
第八了解!wepoke线上外挂... 第八了解!wepoke线上外挂透明挂辅助开挂,wpk俱乐部有外挂(有挂方法)-哔哩哔哩是一款可以让一...
一分钟掌握!方片十三张辅助器可... 一分钟掌握!方片十三张辅助器可测试!(透视)外挂辅助器透视挂(2022已更新)-哔哩哔哩是一款可以让...
第8实锤!来玩德州扑克软件透明... 第8实锤!来玩德州扑克软件透明挂辅助插件,微扑克规律(有挂秘诀)-哔哩哔哩;来玩德州扑克原来是有辅助...
第7个了解!wpk机器人软件透... 第7个了解!wpk机器人软件透明挂辅助插件,微扑克代打是真的(果真有挂)-哔哩哔哩;;AI辅助机器人...
8分钟了解!边锋干瞪眼外挂效果... 8分钟了解!边锋干瞪眼外挂效果!(透视)外挂辅助神器(2020已更新)-哔哩哔哩;科技安装教程;相信...
第一个了解!竞技联盟扑克软件透... 第一个了解!竞技联盟扑克软件透明挂辅助透视挂,微扑克wpk安全的(有挂讲解)-哔哩哔哩;第一个了解!...
第4个了解!微扑克美元局外挂透... 自定义新版微扑克美元局系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克美元局专用辅助器...
三分钟体悟!多乐够级辅助工具苹... 三分钟体悟!多乐够级辅助工具苹果版!(透视)外挂辅助插件(2021已更新)-哔哩哔哩;多乐够级辅助工...