Summary and exercises of CSS3 in HTML5 course of it Brothers Company

Fierce Eagle 2021-04-08 07:26:28
summary exercises css3 css html5


IT Brotherhood HTML5 course CSS3 reveal Summary and exercises


Summary

CSS3 For developers , to web Applications bring more possibilities , Greatly improved development efficiency .CSS3 Support on selectors is colorful , It allows us to control the style flexibly , You don't have to name elements normatively .CSS3 The supported animation types are more abundant , There are mainly transform( Transformation )、transition( transition ) and animation( Animation ). Not only are they more diverse in type , You can also set specific properties transition, So in the future face more script developers , It will be more convenient and simple . about CSS3 Characteristics of , Round corners 、 Text shadow 、 Box Model shadows and gradients are more convenient for web page production and richer web page display .

exercises

1. Support input The properties of the message prompt of type input box are (B)

A.detail B.placeholder

C.pattern D.required

2. Which of the following does not belong to Html5 in input Tag new input type (D)

A.email B.url

C.number D.radio

3. Yes CSS The unreasonable description of coding specification is (D)

A. It is generally not allowed to write the style definition in the label

B.ID Must be unique , And in the definition of structure

C. Try not to abbreviate , Unless you can understand the words at a glance

D. It is recommended to use absolute length units , Such as px、pt etc.

4. stay CSS in ,text-align What is the initial value of the property (A)

A.start B. nothing

C.normal D.auto

5. The following statement is wrong (D)

A.CSS Style sheets can separate formatting from structure

B.CSS Stylesheets control the layout of the page

C.CSS Stylesheet can make many pages update at the same time

D.CSS Stylesheets can't make smaller pages, download faster pages

6. If you design a web page with a background image of bg.jpg, In the following tags , The right is (A)

A.<body background=”bg.jpg”> B.<body bground=”bg.jpg’’>

C.<body image=”bg.jpg”> D.<body bgcolor=”bg.jpg”>

7. To insert a style sheet into a web page main.css, In the following usage , The right is (D)

A.<Link href=”main.css”type=text/css rel=stylesheet>

B.<Link Src=”main.css”type=text/css rel=stylesheet>

C.<Link href=”main.css”type=text/css>

D.<Include href=”main.css”type=text/css rel=stylesheet>

8. The following does not belong to CSS The insertion form is (C)

A. Index type B. Inline

C. The embedded D. External

9. If you want to use bold Tahoma 、10 The number shows “ Brotherhood IT education ” In the following usage , The right is (B)

A.<b><font style='font-size:10px'> Brotherhood IT education </b></font>

B.<b><font face=” Song style ”style='font-size:10px'> Brotherhood IT education </font></b>

C.<b><font size=“ Song style ”style='font-size:10px'> Brotherhood IT education </b></font>

D.<b><font size=“ Song style ”fontstyle='font-size:10px'> Brotherhood IT education </b></font>

10. To define a style for a separate class in the current page myText, Make the text font with this type of style “Arial”, Font size: 9px, The line spacing is 13.5px, In the following definition method , The right is (A).

A.<style>

.myText{font-familiy:Arial;font-size:9px;line-height:13.5px}

</style>

B..myText{ font-familiy:Arial; font -size:9px;line-height:13.5px}

C.<style>

.myText{FontName:Arial; fontSize:9px;lineHeight:13.5px}

</style>

D.<style>

.myText{FontName:Arial; font-ize:9px;line-eight:13.5px}

</style>

11.px and em The difference between

answer :px and em It's all length units , The difference is that ,px The value of is fixed , What is specified is how much , Easy to calculate .em The value is not fixed , also em Inherits the font size of the parent element .

The default font height of the browser is 16px. So the unadjusted browsers are all compliant : 1em=16px. that 12px=0.75em,10px=0.625em

版权声明
本文为[Fierce Eagle]所创,转载请带上原文链接,感谢
https://qdmana.com/2021/04/20210408072517240j.html

  1. The difference between pseudo class and pseudo class elements
  2. [CSS effect] simple drop-down menu
  3. [Vue] value transfer by parent-child component
  4. 【css】设置table表格边框样式
  5. 【css】修改input,textarea中的placeholder样式
  6. vue-router的两种模式(hash和history)及区别
  7. CSS3的滤镜filter属性
  8. [CSS] set table border style
  9. [CSS] modify the placeholder style in input and textarea
  10. Two modes of Vue router (hash and History) and their differences
  11. Filter property of CSS3
  12. 全局安装gulp 报错问题解决
  13. Solution of error report in global installation of gulp
  14. 18个好用的自定义react hook
  15. 你应该知道的常用服务器HTTP状态码?
  16. 18 user defined react hooks
  17. What HTTP status codes should you know about common servers?
  18. 手把手教你打造属于自己团队的前端小报系统
  19. Hand in hand to teach you to build your own front-end tabloid system
  20. In 2021, enterprise SEO actual operation, how to less update, batch ranking regional words?
  21. vue cli4.0 快速搭建项目详解
  22. Vue cli4.0 quick build project
  23. vue-cli脚手架安装
  24. Installation of Vue cli scaffold
  25. [JS knowledge] method of getting elements from DOM
  26. 【jQuery效果】文字滚动
  27. [jQuery effect] text scrolling
  28. [front end] live broadcast of user experience optimization series, real-life sharing of front-line celebrities
  29. React native introduces third party Android SDK
  30. Using html2canvas to generate shared images, CDN images do not show the problem
  31. Using hooks to write react components
  32. Explain the module hot replacement function of webpack in detail
  33. An incomplete guide to writing a simple native wechat applet
  34. How JavaScript calculates 1 + 1 - Part 1 creates a source string
  35. Jsonp method to solve cross domain problems
  36. Canvas animation demo (from zero to one)
  37. El dialog of elementui component encapsulation
  38. Transition group of Vue source code
  39. When encountering bracket validity, next larger element, specific minimum value, try stack
  40. Vue3 virtual DOM
  41. Scheme and implementation of front end page watermarking
  42. Why is 0.1 + 0.2 not equal to 0.3?
  43. JS arrow function this points to related practice
  44. CSS text decoration & text emphasis
  45. 2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街
  46. 大前端
  47. The first compulsory CSS architecture system in 2021
  48. Big front end
  49. 你喜欢才是最好的,前端工程师常用的8个工具
  50. What you like is the best. There are 8 common tools used by front-end engineers
  51. Spring Boot + Vue3 前后端分离 实战wiki知识库系统
  52. Spring boot + vue3 front end and back end separation practical wiki knowledge base system
  53. CSS高级技巧总结
  54. CSS advanced skills summary
  55. HTML5教程 - HTML5 事件
  56. HTML5 tutorial - HTML5 events
  57. Vue和微信小程序的区别
  58. The difference between Vue and wechat applet
  59. HTML5和CSS3提高
  60. Improvement of HTML5 and CSS3