行内元素 块元素

行内元素:

a - 锚点,

em - 强调,

strong - 粗体强调,

span - 定义文本内区块,

i - 斜体,

img - 图片,

b - 粗体,

label - 表格标签,

select - 项目选择,

textarea - 多行文本输入框,

sub - 下标,

sup - 上标,

q - 短引用,

块元素:

div - 常用块级,

dl - 定义列表,

dt,

dd,

ul- 非排序列表,

li,

ol-排序表单,

p-段落,

h1,h2,h3,h4,h5-标题,

table-表格,

fieldset - form控制组,

form - 表单,

空元素:

br-换行,

hr-水平分割线

时间: 2024-10-20 17:35:07

行内元素 块元素的相关文章

css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性

一.各种元素的width height margin padding 特性(具体css元素的分来参看二) 1.块级元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型.例如:div 2.行内替换元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型. 例如:img 2.行内非替换元素(重点) width. height不起作用,用line-height来控制高度.

img、input到底是行内还是块级元素?

一.img.input属于行内替换元素.height/width/padding/margin均可用.效果等于块元素.      行内非替换元素,例如, height/width/padding top.bottom/margin top.bottom均无效果.只能用padding left.right和margin left.right改变宽度. 二.在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一. 从元素本身的特点来讲,可以分为不可替换元素和替

18 12 27 css 盒模型使用 以及相关技巧问题 元素溢出 块元素、内联元素、内联块元素

盒子模型的实际尺寸 盒子的width和height设置的是盒子内容的宽和高,不是盒子本身的宽和高,盒子的真实尺寸计算公式如下: 盒子宽度 = width + padding左右 + border左右 盒子高度 = height + padding上下 + border上下 margin相关技巧 1.设置元素水平居中: margin:x auto;2.margin负值让元素位移及边框合并 外边距合并 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距.合并后的外边距的高度等于两个发生合

3.3 块元素 内联元素 内联块元素

元素就是标签,布局中常用的有三种标签,块元素 .内联元素.内联块元素 3.3.1 块元素 块元素,也可以称为行元素,布局中常用的标签有:div \ p\ ul\ li \h1-h6\ dl\ dt\ dd等都是块元互:它在布局中的行为: a.支持全部的样式 b.如果没有设置宽度,那么默认的宽度为父级宽宽的100% c.盒子占据一行,即使设置了宽度 3.3.2 内联元素 内联元素,也可以称为行内元素,布局中常用的标签如:a  pan  em  b  strong  i等,它们在布局中的行为: a.

html -- 块元素、内联元素、内联块元素 练习

html标签(也叫元素)大概可以统分为三大类,块元素.内联元素.内联块元素. 块元素 1,常用的块元素:ul.li.div.p.dl.dt.dd.h1~h6. 2,块元素支持所有的样式. 3,盒子独占据一行,即使设置了宽度. 4,如果没有设置宽度,默认宽度为父元素的100%. 内联元素 1,常用的内联元素:span.a.em.i.b.strong. 2,只支持部分样式,比如说,不支持宽.高.margin上下.padding上下. 3,盒子并在一行. 4,宽高由内容挣开. 5,如果代码换行,盒子之

HTML中块状,内联内联块元素区分

html的元素可分为三种:块状,行内,内联块 1.块状元素特点:1)一个块级元素独占一行2)元素的高度,宽度,行高以及顶部和底部边距都可以设置3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)除非设定一个宽度如:div,h标签,p,form,ul,li 2.内联元素(行内元素)特点:1)和其他元素都在一行上2)元素的高度.宽度以及顶部和底部边距不可以设置3)元素的宽度就是它包含的文字或图片的宽度,不可改变如:span,a,i,em,strong 3.内联块元素就是同时具

CSS 替换元素和非替换元素 行内非替换元素

html元素也可以分为替换元素和非替换元素 1.替换元素 替换元素是由浏览器根据表示的元素和属性决定显示的内容. 例如:<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容. <input type="text" />如果text换成其他的属性值,input会显示不同的样子,这也是有input和type属性值决定显示内容的. 像<img>.<input>.<textar

css的行内和块的转变、选择器等

css选择器 id=''id名'':    #id  名页面中只有一个唯一的id名 class="类名"   .类名  可以有多个相同的class 包含选择器 如:<div> <p> <span> </span> </p> </div> 书写方式:div p span{ } 便签选择器 <p> </p> 书写方式:p{ } 群组选择器  p,h5,span{ }  中间用逗号隔开 优先级问题

行内和块状元素水平居中与单行或多行文本垂直居中及隐性改变display类型

行内元素水平居中如何设置?如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>行内水平居中设置</title> 6 <style type="text/css"> 7 div.box