0
点赞
收藏
分享

微信扫一扫

html及css - 测试题及部分答案

小_北_爸 2022-04-21 阅读 77

1:!doctype 的作用是什么

​		是文件类型定义(DTD), 作用是为了告诉浏览器该文件的类型.  让浏览器解析器知道应该用哪个规范来解析文档.

2:html元素 元素分类 分为几个大类?分别举出3个实例

​三个大类 分别是  
  块状元素	`<div>	<p>	<h1>~<h6>	<ol>	<ul>	<table>`
​  行内块元素	`<img>	<input>  `
​  行元素	`<a>	<span>	<i>	<strong>	<em>`

3:行元素有什么特点?

​		不独占一行	设置宽高无效

4:块元素有什么特点?

​		独占一行	可设置宽高

5:行内块有什么特点?

​		不独占一行	可设置宽高

6: img 元素作用是什么

​		告诉浏览器需显示一张图片

7:常见的布局类标签有哪些?

​		一律为块级元素,包括:	<header>	<logo>	<footer>	<main>	<list> <ul>	<li>

9: 说一下position 有几个值:值的做用是什么?

​		有五个值	

​		第一个	static	        静态定位	即系统默认定位	

​		第二个	absolute		绝对定位	一般适用于 自绝父相	脱离文档流

​		第三个	relative	    相对定位	一般用于对元素位置的微调	不脱离文档流

​		第四个	fixed			固定定位	一般用于相应元素相对于浏览器可视窗口的定位	脱离文档流

​		第五个	sticky	   		黏性定位

10 浮动元素有什么特点? 浮动前浮动后区别是什么?

​		开启浮动的元素会立即脱离文档流 ;	层级默认会提升  会覆盖其他元素 ;	但不会覆盖文字 ;	

​		若开启浮动的元素是行元素和行内块元素  两者会变成块元素  默认宽高由内容撑开 ;	浮动不会继承

11:如何清楚浮动?

​		方法一	设置高度 ,	但不推荐

​		方法二	添加一个空元素  然后清楚浮动  但会有多余结构

​		方法三	给父元素设置 	overflow :  hidden;

​		方法四	父元素也设置成浮动

​		方法五	使用伪元素清除浮动		clearfix : : before {	content : "" ;	display : block ;	clear : both ;	}

13 如何清空默认样式?

​		*{	margin : 0 ;	padding : 0 ;	}

14 如何清input 为 text 的默认样式?

border : 0 ;	outline : 0 ;

16 jpg和png格式的图片有什么区别?

​		. jpg 格式是一种压缩的图片文件  不能再次编辑	;	. png 是无损压缩 可再次编辑		; 	png 的解析度高于 jpg

17 a标签的作用是什么?

​    	用于页面与页面之间的跳转

18 css 哪些属性可以继承

​		字体系列属性	文本系列属性	表格布局属性	列表属性	光标属性	页面样式属性	声音样式属性	等

20 css 中样式的优先级如何计算呢?

​		!import> 行内样式  > id > .class> taget> *       优先级可以相加

		#app .content     111

		#app>div>.content  112
  • 指的是 某个html 元素优先显示哪个样式

21 如何实现多行省略号码?

overflow : hidden ;	
		text-overflow : hidden ; 	
		display :  -webkit-box ;	 
		-webkit-box-orient : vertical ;		
		-webkit-line-clamp :  8 ;

22 什么是伪类,什么是伪元素,他们的区别?

​		伪类 :	元素的特殊状态  悬浮  点击

​		伪元素 :	元素的特殊位置  比如  最后位置  开始位置  第一行  首行第一个字

23 实现水平垂直居中

​		方法一	left :50% ;	top :50% ;	margin-left : -50% ;	margin-top : -50% ;

​		方法二	top : 0 ;	right : 0 ;	bottom : 0 ;	left : 0 ;

​		方法三	left : 50% ;	top : 50% ;	transform : translate(-50%,-50%) ;

25 css3 有哪些新特性 请举例子

36 弹性布局:请解释以下你对弹性盒子的认识? 包含哪些知识点

37 如何设计一个 “品”字

38 如何实现已给三角形

39 CSS里的 visibility 属性有个 collapse 属性值是干吗用的?在不同浏览器下以后什么区别?

40 display:none 与 visibility:hidden 的区别是什么?

41 为什么会出现浮动? 什么时候需要清除浮动?清除浮动有哪些方式?优缺点是什么?你认为最好的是哪一种?为什么?

​ 浮动可以让相关元素位于同一行 且同一行元素彼此之间没有间隙

42 设置元素浮动后,该元素的 display 值是多少?

display  :  block  ;

44 CSS优化、提高性能的方法有哪些?

45 在网页中的应该使用奇数还是偶数的字体?为什么呢?

46 什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?

47 css em 与rem 单位的区别是什么

48 视差滚动效果? 如何是实现呢

49 ::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用

举报

相关推荐

0 条评论