前端总结

CSS的块级元素(block)与行内元素(inline)

块级元素:块级元素一般当做容器使用,既可以容纳内联元素,也可以容纳块级元素,例如div和p

常见的块级元素:

(1)div:主要用来进行框架布局

(2)h1~h6:用来设置不同级别的标题

(3)p:创建段落,会自动在器后面创建一些空白。

(4)hr:用来创建分隔线

(5)ol:创建有序列表

(6) 块级元素的特点:

1.块级元素去可以容纳内联元素也可以容纳块级元素。

2.块级元素在默认情况下独占一行。

3.块级元素大小是解压控制的,css可以通过width和height设置旷工。宽度默认值是他在容器宽度100%。

4.块级元素可以通过设置margin 和pading属性。

5.块级元素对应属性display:block

内联元素:任何不适块级元素的可见元素都是内联元素。内联元素只能够容纳文本或者内联元素。

常见的内联元素:

(1)strong:加粗强调

(2)em:斜体强调

(3)s:删除线

(4)u:下划线

(5)a:超链接

(6)span:常见行家,可定义文档中的行内元素

(7)img:图片

(8)input:表单

内联元素特点:

1.内联元素默认情况下可以和其他内联元素在一行上。

2.内联元素默认情况下的大小是不可控制。

3.内联元素可以产生代码块空格。

4.内联元素只能容乃文本或者内联元素

5.内联元素对应属性display:inline

注意:

内联元素的margin和pading属性,水平方向的padding-left,pading-right,margin-left,amrgin-right都能产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom不会有效果。

 display:inline-block;可以让元素具有块级元素和行内元素的特性:既可以设置长宽,可以让padding和margin生效,又可以和其他行内元素并排。

块级元素默认占一行,使用float浮动元素会生成一个块级框,而不论它本身是何种元素。float如果没有指明标签宽度,它们会尽可能的窄。

 

box-shadow:属性添加一个或者多个阴影

 

 

  • <body bgcolor="yellow">
  • <img src="image.gif">
  • 产生斜体字的 HTML 标签:<i>

  • 在下列的 HTML 中,哪个可以插入背景图像?<body background="background.gif">

  • 可以插入折行标签<br>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值