块级元素、行内（内联）元素以及新增伪数组，截取函数笔试题库

          网页元素都有一个默认的display属性，用于确定该元素的类型，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。

        div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

内联元素（行内元素）内联元素(inline element)：

• <a>- 锚点      <img>-图片          <br>-换行        <b>-粗体         <font>-字体设置  
• <i>-斜体       <input>-输入框       <label>-表格标签            <span>-内联容器定义文本内区块  
• <select> - 项目选择               <textarea>- 多行文本输入框           <cite > - 引用
• abbr - 缩写
• acronym - 首字
• * bdo - bidioverride
• * big - 大字体
• * small - 小字体文本
• * code - 计算机代码(在引用源码的时候需要)
• * dfn - 定义字段
• * em - 强调
• * kbd - 定义键盘文本
• * q - 短引用
• * s - 中划线(不推荐)
• * samp - 定义范例计算机代码
• * strike - 中划线
• * strong - 粗体强调
• * sub - 下标
• * sup - 上标
• * tt - 电传文本
• * u - 下划线
• var - 定义变量

块元素(blockelement)

• < form >- 交互表单       <h1> - 大标题             < h2 > - 副标题            < h3> - 3级标题
• <hr> - 水平分隔线       <h4> - 4级标题                <h5> - 5级标题            <h6> - 6级标题
• <p>- 段落                <table> -表格   <menu> - 菜单列表    <ol> - 排序表单   <ul> - 非排序列表
•  address - 地址
• div - 常用块级容易，也是css layout的主要标签
• Canvas-绘图操作
• dl - 定义列表 
• blockquote - 块引用
• center - 举中对齐块
• dir - 目录列表
• fieldset - form控制组
• isindex - input prompt
• noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
• noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容）
•  pre - 格式化文本

可变元素:可变元素为根据上下文语境决定该元素为块元素或者内联元素。

• * applet - java applet
• * button - 按钮
• * del - 删除文本
• * iframe - inline frame
• * ins - 插入的文本
• * map - 图片区块(map)
• * object - object对象
• * script - 客户端脚本

 

CSS3新增伪类

• p:last-of-type         选择其父元素的最后的一个P元素
• p:last-child            选择其父元素的最后子元素(一定是P才行)
• p:first-of-type        选择其父元素的首个P元素
• p:first-child           选择其父元素的首个p元素(一定是p才行)
• p:only-child　　　　选择其父元素的只有一个元素(而且这个元素只能是p元素，不能有其他元素)
• p:only-of-type　　　选择其父元素的只有一个p元素(不能有第二个P元素，其他元素可以有)

用在input上:  enabled

选第N个：

• p:nth-child(n)    　　         选择其父元素的第N个刚好是p的元素
• p:nth-last-child(n)           .....................从最后一个子元素开始计数
• p:nth-of-type(n)               .........................选择其父元素的n个元素
• p:nth-last-of-type(n)    ........................从最后一个子元素开始计数

下面代码运行结果：

解析：延迟函数的回调会在循环条件结束时再执行，即循环结束后i=3,再执行定时器setTimeout(..., 0)，即输出三个3。

解析：定时器函数间隔设置为0时表示语句结束之后立即执行该定时器函数，这里的执行顺序是由上至下的，也就是，不带定时器的console执行之后立马依次执行间隔设置为0的定时函数，然后再是300ms间隔的定时器函数

substring(start,end)用于截取指定下标的字符串，包括开始下标但不包括结束下标

'abcdefg'.substring(2,3)的结果是”c" 

你可以在 input 元素中加上 required属性，你可以使用： <input type="text" required>

将RGB转换为16进制的是。