[03]HTML基础之行内标签

1.<ruby>标签显示东亚字符的发音(如中文,日文等),与<rp>,<rt>标签搭配. //<ruby>为单个发音字符的容器,<rp>为不支持<ruby>标签时显示的内容, //<rt>为字符的发音 <ruby> 中 <rp>(</rp> <rt>zhong</rt> <rp>)</rp> 文 <rp>(</rp>…

块级元素:独占一行,对宽高的属性值生效:如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽: 行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高! 其中还有一种结合两种模式有点的显示模式: 行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示: 行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽高! a标…

css块级标签，行内标签，行内块标签的转换（2）

css块级标签,行内标签,行内块标签的转换版权声明本文原创作者:雨点的名字作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 在基础1中,我详细讲了css的常见属性,几种不同的选择器,在此基础之上我们来进一步地认识它们的特性从而更好地学习和掌握相关开发技能. HTML标签的分类在讲标签分类的时候,我们作为初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上使用才起作用.个人认…

块级标签包含行内标签底部出现3px间隔的解决办法

当块级标签(如div)内包含了行内标签(如img),则外层元素与内层元素底部会出现3px的间隔: 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ background: red; } </style> <…

css块级标签、行内标签、行内块级标签

<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*块级标签*/ div{ background-color: red; width: 200px; height: 180px; /*隐藏*/ /*display: none;*/ /*display: inline;*/ display: inline-…

html:常见行内标签，常见块级标签,常见自闭合标签

本文内容: 常见行内标签常见块级标签常见自闭合标签首发日期:2018-02-12 修改: 2018-04-25:删除了不常用的标签常见行内标签: 什么是行内标签: 行内标签就是在页面内只占据刚好能包裹自己内容的空间设置宽高属性值不生效,只依靠内容来决定大小行内标签转换为块级标签:style:"display:block" 常见常见行内标签: <a>:标签可定义锚 <b>:字体加粗 <big>:大号字体加粗 <br>:换行 &l…

div和span与块级和行内标签

<div>标签: 是一个区块容器标记,<div></div>之间是一个容器, 可以包含段落.表格.图片等各种HTML元素. <span>标签: 没有实际意义,为了应用样式. img标签引入图片时,路径中使用斜杠/ 和反斜杠\ 是一样的. HTML标签: 块级标签:占据一行,换行. 行内标签:在一行,不换行.…

HTML开发之（块级标签，行内标签，行内块标签）

显示模式的特性: 主要分为两大类: 块级元素:独占一行,对宽高的属性值生效:如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽: 行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高! 其中还有一种结合两种模式有点的显示模式: 行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示: 行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶…

html标签的显示模式（块级标签，行内标签，行内块标签）（转）

html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上使用才起作用.个人认为这个也是初学者非常容易忽略的地方,所以我就把它记下来! 比如会有一种情况,给p标签水平居中有作用,但是给font加水平居中属性就没作用(如下): 1 p{ color:red; text-align:center;}…

CSS(3)---块级标签、行内标签、行内块标签

块级标签.行内标签.行内块标签 html中的标签元素三种类型:块级标签.行内标签.行内块标签. 一.概述 1.块级标签概念每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性,常用于网页布局和网页结构的搭建. 1)块级标签特点 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行(独自占据一整行或多整行) 2.元素的高度.宽度.行高以及顶和底边距都可设置. 3.宽度缺省是它的容器的100%,除非设定一个宽度. 4.它可以容纳行内标签和其他块级标签. 注意只有文…