`

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入门笔记

    1.css的概述 1.问题 HTML属性修饰有一定局限,是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) ...

    CSS中下拉菜单和表单以及弹出层的简单笔记

    CSS Code复制内容到剪贴板 .mene li ul{ display:block; position:absolute; left:0; top:100%; }  表单  input的type: text:基本的单行文本框。 password:文本显示为掩码。 

    学习笔记18:CSS清除浮动

    清除浮动的方法 1、额外标签法(隔墙法): 在浮动元素末尾添加一个空的标签,例如 优点:通俗易懂,书写方便 缺点:添加许多无意义的标签,... display: block; height: 0; clear: both; visibility: hidden; }

    HTML设计模式日常学习笔记整理

    我主要学习了六种盒模型,分别为内联盒模型(inline box),内联块状盒模型(inline-block box),块状盒模型(block box),表格盒模型(table box),绝对定位盒模型(absolute box)和浮动定位盒模型(floated ...

    【JQuery学习笔记day11】HTML 布局

    CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 – 表格不是布局工具。 使用 元素 元素是用于...

    CSS相对,绝对,固定,静态定位和显示效果——每天一遍小知识

    这是我在这个网站整理的笔记,接下来还会持续更新。 B站用户名:RodmaGO 作者:RodmaChen 转载说明:务必注明来源,附带本人博客连接。 文字显示和定位一.显示属性——display1.块元素——block2.内联元素——inline...

    jquery动画效果学习笔记(8种效果)

    display:block; 显示 简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则隐藏,隐藏则显示 [removed] function f1(){ //隐藏 $("div").hide();//display:none //document....

    peteranema.github.io:个人笔记集

    Syntax highlighted code block # Header 1 ## Header 2 ### Header 3 - Bulleted - List 1. Numbered 2. List **Bold** and _Italic_ and `Code` text [ Link ](url) and ![ Image ](src) 有关更多详细信息,请...

    asp.net知识库

    在ASP.Net中两种利用CSS实现多界面的方法 如何在客户端调用服务端代码 页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置? 如何保证页面刷新后的滚动条位置 清除网页历史记录,屏蔽后退按钮! 如何传值...

    若干源程序资料12.rar

    2012-06-11 21:00 29,184 inline-block深入理解.doc 2012-06-11 21:44 6,947,979 Linux内核完全注释V3.0书签版(带源码).rar 2012-06-11 21:31 11,599 MATLAB仿真程序OFDM程序.txt 2012-06-11 21:37 14,584,477 msdn...

Global site tag (gtag.js) - Google Analytics