`

css block笔记

    博客分类:
  • css
CSS 
阅读更多

1.标签是分成 区块 和 内联块 2种
2.一个标签显示一行的称为 区块,如(段落P,标题H系列,DIV等)
(你没见过在2个P标签放在一行能显示的情况吧)?
3.若标签能在一行显示N个,表明此标签为 内联块,如(<a>,<img>,<input>)
4.区块和内联块最大的区别就是,区块可以设置宽、高、居中对齐等操作,而内联块不行
也就是说,当你需要将一张图片居中,或者要设置区域大小,或单独一行显示,就用到类似这种样式:img{display:block;},即先让其变成具有块标签功能
反之,你若想把区块变为内联块,则将display:none就可以了
5.区分区块还是内联块其实很简单,你可以把这个标签加一个背景颜色,若能占一行,则为区块,反之则是内联块

分享到:
评论

相关推荐

    个人css学习笔记 精华版

    个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS? CSS(Cascading Style Sheet)是一种样式表语言,用于...

    css经典学习笔记.zip

    《CSS经典学习笔记》 CSS(Cascading Style Sheets)是网页设计中不可或缺的一部分,它负责定义网页内容的样式和布局。本学习笔记将深入探讨CSS的核心概念、选择器、盒模型、布局方式以及响应式设计等多个方面,...

    CSS学习笔记.docx

    CSS学习笔记 CSS(Cascading Style Sheets)是一种用于描述网页样式的语言,由W3C组织制定。CSS主要用于美化网页,提高用户体验,实现网页布局、样式、颜色、字体、背景等的控制。 CSS基础知识 CSS基础知识是学习...

    DIV+css学习笔记

    总的来说,`DIV+CSS`学习笔记涵盖了CSS的基础概念、选择器、布局、定位、文本、图像、链接样式以及列表等多个方面,是构建网页布局和设计不可或缺的知识。深入理解和熟练运用这些知识点,可以提升网页设计的效率和...

    韩顺平 轻松搞定网页设计 CSS部分笔记

    【韩顺平 轻松搞定网页设计 CSS部分笔记】 在网页设计中,CSS(Cascading Style Sheets)是至关重要的技术,它负责定义网页的布局、颜色、字体等视觉表现。通过学习韩顺平老师的课程,我们可以深入了解CSS的基础...

    css看视频笔记

    笔记中提到的“CSS基础语法”是指CSS规则的结构,通常由选择器(Selector)和声明块(Declaration Block)组成。选择器指向HTML中的元素,而声明块则包含一个或多个声明,每个声明由一个属性名(Property)和一个值...

    CSS基础与提高的笔记

    - `display`: 设置元素的显示模式,包括`block`、`inline`、`inline-block`。 - `float`: 元素浮动,用于创建流式布局。 - `position`: 定位方式,包括`static`、`relative`、`absolute`和`fixed`。 #### 3. CSS...

    CSS_笔记大全(.DOC)

    **CSS (Cascading Style Sheets)** 是一种样式表语言,用于描述...对于初学者来说,CSS_笔记大全是一个很好的学习资源,涵盖了CSS的基础知识和实用技巧。通过实践和深入学习,可以进一步提升CSS布局和交互设计的能力。

    html+css学习笔记.pdf

    在HTML+CSS学习笔记中,我们重点讨论了以下几个CSS知识点: 1. **CSS选择符**: - **标签选择符**:通过HTML标签名如`&lt;p&gt;`,`&lt;h1&gt;`等来指定样式。 - **ID选择符**:使用`#`后跟唯一的ID名称,适用于页面中只出现...

    div+css个人笔记

    6. **显示属性**:`display:block;`将元素转换为块级元素,使得它能够占据整个行。 7. **定位**:CSS中的定位包括相对定位`position:relative;`和绝对定位`position:absolute;`。相对定位不会改变元素原来的位置,...

    css网页布局学习笔记

    本学习笔记将深入探讨CSS在网页布局中的应用,帮助读者掌握如何利用CSS创建美观且响应式的网页。 一、CSS基础 在了解网页布局之前,我们需要熟悉CSS的基本语法和选择器。CSS通过选择器来指定要应用样式的HTML元素,...

    复习html和css个人笔记

    14. `display`属性:控制元素的布局方式,如`block`(块级元素,独占一行)、`inline`(内联元素,与其他元素并列)、`list-item`(列表项)和`none`(隐藏元素)。 15. `width`和`height`:设置元素的宽度和高度,...

    css笔记+图解+html

    - CSS规则由两个主要部分构成:选择器(Selector)和声明块(Declaration Block)。 - 声明块包含一个或多个声明,每个声明由属性(Property)和值(Value)组成,以冒号分隔,每条声明以分号结束。 2. **选择器*...

    HTML CSS笔记.zip

    8. **BEM命名规范**:Block Element Modifier,一种提升CSS代码可读性和可维护性的命名方法。 9. **CSS模块化**:通过CSS模块系统(如CSS Modules)或CSS-in-JS(如styled-components)实现组件化的样式管理。 10....

    CSS学习笔记

    【CSS学习笔记】这篇笔记主要涉及的是CSS在不同浏览器,特别是IE6中遇到的问题及其解决方案。以下是详细的知识点解析: 1. **错误的扩展** - 在IE6中,设置`height`为固定值时,内容超出这个高度,div会自动扩展,...

    前端开发 css笔记

    ### CSS概述 #### CSS简介 - **什么是CSS** CSS,全称为层叠样式表(Cascading Style Sheets),是一种用于定义HTML元素外观及布局的语言。它使得开发者能够独立地控制网页的内容与表现形式,从而提高代码的可...

    html网页css笔记

    ` /* 内嵌 */ `block;` /* 块状 */ 通过以上详细的介绍,我们不仅了解了 CSS 的基本概念、样式表分类以及选择器类型,还深入学习了 CSS 声明、继承以及常用的 CSS 属性,这对于理解和掌握 CSS 的核心知识是非常有...

    css样式 的笔记AAAAAAAAAAAA

    【CSS样式笔记】 CSS(Cascading Style Sheets)是一种用于定义网页中元素样式的语言,它使得内容与表现分离,让网页设计更加灵活和可维护。这篇笔记主要涵盖了CSS的基础概念和常用属性。 1. 选择器与注释 CSS中...

Global site tag (gtag.js) - Google Analytics