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

7人阅读 评论(0) 收藏 举报
分类:

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


查看评论

从零开始学JAVA第三章—函数与数组

-
  • 1970年01月01日 08:00

块级元素与内联元素(行内元素)及浮动知识总结

块级元素 顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的div、p、ul默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示...
  • ParanoidYang
  • ParanoidYang
  • 2017-01-19 10:58:19
  • 2135

常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析

块级元素、行内元素以及行内块元素的区别
  • cc18868876837
  • cc18868876837
  • 2017-09-22 10:41:01
  • 895

内联元素在块级元素内部垂直水平居中

*{margin:0;padding:0} .box { width:400px; height:200px; ...
  • sofeien
  • sofeien
  • 2017-02-08 10:42:53
  • 736

关于HTML(含HTML5)的块级元素和行级(内联)元素总结

转载:http://www.cnblogs.com/Bobo999/p/5783920.html 1.首先我们要知道什么是块级元素和行级(内联)元素?    块级(block)元素的特点:...
  • kl28978113
  • kl28978113
  • 2016-12-19 11:29:08
  • 640

内联元素(inline)和块级元素(block)

常见的内联元素(inline)和块级元素(block)内联元素(inline):a – 锚点 abbr – 缩写 acronym – 首字 b – 粗体(不推荐) big – 大字体 br ...
  • u010645062
  • u010645062
  • 2016-10-25 10:44:20
  • 472

说下行内元素和块级元素的区别?行内块元素的兼容性使用?

行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。常...
  • shengming0302
  • shengming0302
  • 2017-07-09 15:32:11
  • 2030

块级元素和内联元素的区别小结

块状元素: address - 地址  blockquote - 块引用  center - 居中对齐  dir - 目录列表  div - 常用块级容易,也是CSS layout的主要标签  dl ...
  • xxz_best
  • xxz_best
  • 2016-03-01 10:20:03
  • 2009

块级元素以及行内元素居中显示

方法一:利用绝对定位实现元素垂直,水平居中显示: *{ margin: 0; padding: 0; ...
  • xsp_Login
  • xsp_Login
  • 2015-03-30 00:01:30
  • 3227

行内元素在设置成浮动后,自动变为块状元素

如a标签在设置float:left;后,自动转为块状元素,即便不设置display
  • xiao1215fei
  • xiao1215fei
  • 2014-09-13 20:51:47
  • 330
    个人资料
    持之以恒
    等级:
    访问量: 214
    积分: 95
    排名: 126万+
    文章存档