IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

烈鹰 2021-04-08 07:26:11
教程 html html5 兄弟 兄弟连


IT兄弟连 HTML5教程 CSS3揭秘 小结及习题


小结

CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率。CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名。CSS3支持的动画类型更加的丰富了,主要有transform(变换)、transition(过渡)和animation(动画)。不仅在类型上更加多样,还可以对特定的属性设置transition,所以在以后面对更多的脚本开发者,会更加的方便简单。对于CSS3的特性,圆角、文本阴影、盒模型阴影和渐变是网页制作更加便捷与网页展示更加丰富。

习题

1.支持input类型的输入框的消息提示的属性是(B)

A.detail B.placeholder

C.pattern D.required

2.以下哪项不属于Html5中input标签新增的输入类型(D)

A.email B.url

C.number D.radio

3.对CSS编码规范描述不合理的是(D)

A.一般不允许将样式定义写在标签中

B.ID必须是唯一的,且用在结构的定义中

C.尽量不缩写,除非一看就明白的单词

D.建议单位使用绝对长度单位,如px、pt等

4.在CSS中,text-align属性的初始值是什么(A)

A.start B.无

C.normal D.auto

5.下面说法错误的是(D)

A.CSS样式表可以将格式和结构分离

B.CSS样式表可以控制页面的布局

C.CSS样式表可以使许多网页同时更新

D.CSS样式表不能制作体积更小下载更快的网页

6.若要是设计网页的背景图形为bg.jpg,以下标记中,正确的是(A)

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

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

7.若要在网页中插入样式表main.css,以下用法中,正确的是(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.下面不属于CSS插入形式的是(C)

A.索引式 B.内联式

C.嵌入式 D.外部式

9.若要以加粗宋体、10号字显示“兄弟连IT教育”以下用法中,正确的是(B)

A.<b><font style='font-size:10px'>兄弟连IT教育</b></font>

B.<b><font face=”宋体”style='font-size:10px'>兄弟连IT教育</font></b>

C.<b><font size=“宋体”style='font-size:10px'>兄弟连IT教育</b></font>

D.<b><font size=“宋体”fontstyle='font-size:10px'>兄弟连IT教育</b></font>

10.若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为“Arial”,字体大小为9px,行间距为13.5px,以下定义方法中,正确的是(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和em的区别

答案:px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em

版权声明
本文为[烈鹰]所创,转载请带上原文链接,感谢
https://www.seoxiehui.cn/article-313465-1.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