css内联元素跟块级元素 |jsp如何添加css样式

首先，内联元素是指那些可以包含在一行内的元素，而块级元素则是指那些需要单独占用一行或多行的元素。

内联元素的特点是：在默认情况下，内联元素的宽度和高度取决于其包含的内容，不会独占一行。常见的内联元素有a、span、img、input等。

a {
text-decoration: none; /*去掉下划线*/
color: #000; /*字体颜色*/
font-size: 16px; /*字体大小*/
}

在上述代码中，可以看到a元素是一个内联元素，可以通过CSS的text-decoration属性去掉其下划线，改变颜色和字体大小。

而块级元素则不同，它们通常是一些盒状元素，需要单独占用一行或多行。块级元素的宽度和高度是可以单独设置的，可以通过margin和padding属性设置元素的空白区域。

div {
width: 100px; /*设置宽度*/
height: 100px; /*设置高度*/
background-color: #eee; /*设置背景色*/
margin: 10px; /*设置外边距*/
padding: 10px; /*设置内边距*/
}

在上述代码中，div是一个典型的块级元素，可以设置宽度、高度、背景色等属性。同时，可以通过margin和padding属性设置元素的外边距和内边距，使得元素显示更加美观。

不过需要注意的是，使用CSS时内联元素和块级元素还有一些不同。比如，在样式表中设置display属性为inline可以将块级元素设置为内联元素，反之也可做到。

div {
display: inline; /*将块级元素转化为内联元素*/
}
p {
display: block; /*将内联元素转化为块级元素*/
}

在需要对某些元素进行特殊处理时，大家可以利用这种特性来灵活调整样式。