`

隐式块级元素

阅读更多
学无止境。
  我自诩xhtml+css玩的炉火纯青,却发现,曾经身处于一家外包类公司,所接触事物让我终究是井底之蛙。
  今天,我与网友争论块级元素问题。
  按照我的经验,我觉得想给a设宽高,必须给display:block。
  但其它网友指出,给a设float浮动之后,同样可以给a设宽度。
  我至今才明白,原来有一种名为“隐式块级元素”的属性,float就是一个这样的属性,加float之后,a这样的非块级元素会变成块级元素。
  最基础的东西,却因我的无知被我忽略。
  我不信邪,立刻敲代码,试验了IE7-9、火狐等浏览器,发现果真如此。
  但我觉得,既然有块级一说,说不得是IE6不行。
  结果,IE6也支持隐式块级。
  这让我发现我自身一个很大的问题,在外包公司工作了一年多,因为许多标签和属性、样式用不到。
  我会选择性把它给忽略,结果在某些方面,它却又有大用途。
  我收回我轻狂的话,有一句话说得好,只有永远把自己当成是一个初学者,这样的人才能强大,这样的人才能牛13。
  现在我醒悟了,不晚,前端之路刚刚开始,我要更加努力。
  代码存在自有其意义,不能因为身处一个九牛一毛之领域,用不到就将一些东西否认。
分享到:
评论

相关推荐

    HTML5 隐式大纲详解

    在HTML5中,大纲算法引入了新的块级元素,如、、和,它们能够创建新的章节并帮助定义页面的结构。这些元素被设计为"开始一个新的节",在大纲中扮演着重要角色。例如,用于表示页面中的一个独立主题区域,而则用于...

    全面阐述overflowhidden属性

    - 当设置一个元素的 `overflow` 为 `hidden` 时,如果该元素是块级元素,则会隐式地创建一个新的块格式化上下文(BFC)。这意味着元素内部的浮动元素和其他元素不会影响外部元素的布局。 - 使用 `overflow: hidden...

    HTML样式属性明细.pdf

    块级元素如`<figure>`和`<figcaption>`用于组合和展示多媒体内容,通常用于图片、图表或代码片段,并提供相关的说明。`<code>`用于表示代码块,而`<dialog>`则用于模拟人与人之间的对话。 HTML5还增加了新的行内...

    最新史上最全前端面试题(含答案).docx

    4. **HTML块级元素与行内元素**:块级元素如div、p、h1等会在页面上占据整行,而行内元素如a、span、i等只占据其内容的宽度。CSS盒模型包括内容(content)、边框(border)、外边距(margin)和内边距(padding)。 5. **...

    史上最全前端面试题(含答案).docx

    4. **行内元素与块级元素**:行内元素(如`<span>`、`<a>`)在一行内并列显示,不会独占一整行。块级元素(如`<div>`、`<p>`)会占据整个宽度,每行只显示一个。 5. **CSS盒模型**:盒模型包含内容(content)、内...

    web前端面试题1

    4. **行内元素与块级元素**:行内元素(如`<span>`、`<a>`)在同一行内并排显示,不独占一行;块级元素(如`<div>`、`<p>`)则占据整行,前后自动换行。CSS盒模型包括内容(content)、内边距(padding)、边框(border)...

    2016前端面试题及答案.pdf

    4. **块级元素和行内元素**:块级元素如div、p、h1等会占据整个宽度并垂直堆叠,行内元素如a、span、i等则只占据自身内容宽度并在同一行内显示。CSS盒模型包括内容(content)、边框(border)、内填充(padding)和外边距...

    web前端面试题及答案【前端开发面试题及答案整理】.docx

    4. **行内元素与块级元素的区别及CSS盒模型** 行内元素(如`<span>`、`<a>`)在一行内显示,不占据整块空间;块级元素(如`<div>`、`<p>`)会独占一行。CSS盒模型包括内容(Content)、边距(Margin)、填充...

    美团2017秋招笔试真题-前端开发、运维工程师.docx

    相对最近父级块级元素的`width`,相对最近父级块级元素的`width`**:正确选项。`margin-top`和`padding-top`的百分比值通常是相对于最近的块级父元素的宽度来计算的。 #### 14. UI主线程执行的回调函数 题目询问...

    前端面试题大集合

    - **块级元素**:默认情况下会独占一行,如`div`, `p`, `h1`至`h6`, `ul`, `ol`, `dl`, `table`, `form`等。 - **CSS盒模型**:由内容区(content)、内边距(padding)、边框(border)和外边距(margin)四部分...

    2021-2022计算机二级等级考试试题及答案No.15375.docx

    7. HTML标记中,行内元素包括、和,而是块级元素,不属于行内元素。 8. VBA(Visual Basic for Applications)中,变量的声明方式包括显式声明和隐式声明,没有自动声明这一说法。 9. HTML表单中的标记method属性...

    Java面试宝典.docx

    - **`div`**: 块级元素,独占一行,通常用于布局。 - **`span`**: 行内元素,与其他行内元素在同一行显示,用于文本级别的样式控制。 **4. CSS选择器** - **类别选择器**: 使用`.`前缀,如`.classname`,用于...

    2021-2022计算机二级等级考试试题及答案No.15773.docx

    25. `<div>`在HTML中是块级元素,不属于行内元素。 26. 要运行宏,需要执行已有的宏定义。 27. 未提供不正确说法的具体内容,所以无法给出详细解答。 这些知识点体现了计算机二级等级考试涵盖的广泛主题,包括...

    html入门到放弃笔记

    按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:包裹文本,并处理文本的表现形式 2、块级元素 每个元素独占一...

    2021-2022计算机二级等级考试试题及答案No.16544.docx

    2. 行内元素是HTML中不会开启新行的元素,例如`<em>`(强调)、`<font>`(字体样式)和`<input>`(表单元素),而`<div>`是块级元素,它会占据一整行。 3. E-R图在转换为关系模式时,实体和联系都可以表示为关系,...

    java面试题(2015)

    - **div** 是块级元素,这意味着每个 div 默认都会独占一行,并且可以设置宽度和高度等属性。 - **span** 是行内元素,意味着 span 元素不会独占一行,它会按照文档流的方式与其他行内元素一起排列。 4. **CSS...

    2021-2022计算机二级等级考试试题及答案No.18271.docx

    23. **HTML元素**:`<div>`是块级元素,不属于行内元素,而`<em>`、`<font>`和`<input>`是行内元素。 24. **VBA变量声明**:VBA变量声明没有“自动声明”这一方式,通常有显式声明和隐式声明。 25. **需求规格说明...

    web前端面试

    - **块级元素**:默认独占一行,如`div`、`h1`~`h6`等。 - **内联元素**:与其他元素在同一行显示,如`a`、`span`等。 **5. CSS样式规则** - **盒模型**:包括内容(content)、内边距(padding)、边框(border)、外边...

    日本软件开发规约 值得借鉴

    - **块级元素**:使用缩进和括号来明确代码块的范围。 - **变量类型**:变量声明应清晰标注类型,避免隐式转换。 ### 描述的标准化 - 整个项目中的代码描述和注释应保持一致,便于理解和维护。 ### 屏幕集合 - ...

Global site tag (gtag.js) - Google Analytics