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个伪元素的作用