html
题目:对置换元素和非置换元素的理解
答案:
置换元素;根据属性值去渲染展示;一般行内元素设置宽高不会生效,但行内置换元素设置宽高是可以生效的;比如img、input、textarea、select、object等,大部分都是行内元素;
非置换元素;根据元素内容去渲染展示;除了置换元素之外的都是非置换元素;
css
题目:content属性有什么作用,什么使用场景
答案:
与:before和:after结合,在元素前面或后面生成文本内容(默认行内属性)
值类型:
1、字符串
2、类似url()、radial-gradient()之类的方法
3、attr(当前元素的某个属性值);比如对a标签的attr(href)
常用场景:气泡弹框小三角;清除浮动;
js
题目:attribute和property有何不同
答案:
property;DOM的属性,可以是对象,大小写敏感
attribute;html的属性,只能是字符串,大小写不敏感
每一个html元素都有默认属性,比如class属性、id属性等,这些就是property;attribute是property的子集,是实际定义在html标签上的属性,也包含我们自定义的。
写源码时我们可以定义attribute,然后浏览器编译html后生成dom树,其中的dom对象就有property