块级元素、行内(内联)元素以及新增伪数组,截取函数笔试题库

          网页元素都有一个默认的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进制的是


阅读更多

没有更多推荐了,返回首页