2020-07-31 题目来源:http://www.h-camel.com/index.html
[html] 什么是空元素?常用的空元素有哪些?
在HTML中,没有内容的元素被称为空元素。
<area> 代表图像映射的一个区域,图像映射指的是带有可点击区域的图像,area标签每出现一次,就会创建一个Area对象。
<base> 指定的默认地址或所有连接的目标地址。
<br>
<col> 与colgroup联用,设置table中的列的属性
<colgroup> when the span is present
<table border="1">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
<command> 定义用户可能调用的命令(比如单选按钮、复选框或按钮)
<embed> 定义嵌入的内容,比如插件,h5新增
<hr>
<img>
<input>
<keygen> 规定用于表单的密钥对生成器字段
<link>
<meta>
<param> 允许为插入 XHTML 文档的对象规定 run-time 设置,此标签可为包含object applet标签提供参数
/* 设置object的参数 autoplay 为 true, 也就是音频载入后会自动播放 */
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
<source> 此标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>
<track> 为诸如 video 元素之类的媒介规定外部文本轨道,也就是字幕
<wbr> 规定在文本中的何处适合添加换行符,这样就会避免差分过长的组合单词,例如XMLHttpRequest
[css] css中的fill有什么应用场景?
常规css中是没有fill属性的,只在XML-CSS中存在,用于设置当前元素的填充内容,例如颜色,图片。
XML-CSS下有四种语法方式:
1、fill:rgb(0,0,255);:把rgb颜色填充到当前元素内
2、fill:#ffffff;:把十六进制颜色填充到当前元素内
3、fill:blue;: 把文字型颜色填充到当前元素内
4、fill:url(../sdf.gif);: 把图片填充到当前元素内
[js] getComputedStyle和element.style有什么不同?
- window.getComputedStyle(element, attr); 只读,不可设置。可以获取元素的最终样式。
- element.style 可读可写,只能获取style中的样式,如果style中没有设值,返回空。
获取非行间样式函数
let style;
function getStyle(element, attr){
if(element.currentStyle){
style = element.currentStyle[attr];
}else{
style = getComputedStyle(element, false)[attr];
}
return style;
}
[软技能] 全角字符和半角字符有什么区别?
1.全角: 一个字符占有2个标准字符位置。汉字、图形符号和特殊字符都是全角的,一般只有作文字处理的时候才会使用。
2.半角: 一个字符占有1个标准字符位置。 英文字母、数字、符号键都是半角的。半角就是ASCII方式的字符。