在设计网页的时候，可能需要给不同的标签设置不同的显示模式。可以通过display实现。1、块转行内：display:inline;2、行内转块：display:block;3、块、行内元素转换为行内块：display:inline-block;

在行内元素中有几个特殊的标签——<img/>、<input/>、<td>，可以对它们设置宽高和对齐属性，称它们为行内块元素。特点：1、和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙；2、默认宽度就是它本身内容的宽度；3、高度，行高、外边距以及内边距都可以控制。

行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。特点：（重要）1、和相邻行内元素在一行上，换行会有空隙；2、高、宽...

每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。特点：（重要）1、独占父亲一行，宽度默认是容器的100%；2、高度，行高、外边距以及内边距都可以控制；（支持宽高的设置）3、不设置高度，高度由内容决...

说一下使用CSS是尽量避免使用的技术。1、InternetExplorerBehaviorsInternetExplorer5引入了行为(behaviors)。behaviors是一种通过使用CSS向HTML元素添加行为的方法。为什么要避免它？只有InternetExplorer支持behavior属性。例如：h1{behavior:url(behave.ht...

说白了就是我们的响应式设计了，在不同的终端媒体显示不同内容，让我们的网页在任何终端媒体上能够良好的显示，保证页面在不同的媒体不走样。@media规则使你有能力在相同的样式表中，使用不同的样式规则来针对不同的媒介。例如：1、不同的媒介类型1.1、all：用于所有的媒介设备。1.2、aural：用于语音和音频合成器。1.3、braille：用于分页的盲人用点字法打印机。1.4、embossed：用于...

定义透明效果的CSS3属性是opacity。首先，我们将展示如何通过CSS来创建透明图像。例如：效果如下：

CSS分类属性允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素，使用绝对值来定位元素，以及元素的可见度。1、CSSdisplay属性display属性规定元素应该生成的框的类型。下面我来说说display：具体的值。display：1.1、none：此元素不会被显示。1.2、block：此元素将显示为块级元素，此元素前后会带有换行符。1.3、inline：...

CSS尺寸(Dimension)属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。1、使用像素值或百分比设置图像的宽度、高度其实就使用CSS的width、height属性来设置元素的宽和高，单位用“px”，很简单，例如：2、使用像素值或百分比设置元素的最大/最小宽度、高度当然，CSS中也有给元素设置最大/最小宽度高度的属性，分别是max-width、max-height和min-wi...

1、使用margin属性来水平对齐可通过将左边距和右边距设置为“auto”来对齐元素。但前提是必须声明！DOCTYPE，否则在IE8是无效的。这样就可以居中元素了，例如：使用margin属性来水平对齐提示：如果宽度是100%，则对齐没有效果。2、使用position属性进行左和右对齐使用这种方法在兼容性这一块无疑是最好的方法了，但当使用position属性时，请始终设置!DOC...