首页 > 代码库 > 关于对CSS的初步认识

关于对CSS的初步认识

  HTML是在浏览器中显示的具体内容,而CSS是控制HTML显示内容排版、颜色、宽度、高度、居左、居右、居中等属性。简单来说就是CSS可以控制HTML显示内容的样式,要正确的使用CSS,需要对CSS基本知识有足够的了解,从下面几个方面来看:

一、CSS中的块模型

1、在CSS的定义中,有块元素,它一行只能显示一个,比如div、tabble、p、ul、hl等,有行内元素,它根据行宽度紧凑排列显示,如a、span、font、strong等。

2、块元素,有块框存在content、padding、border和margin几个部分。

3、对行内元素设置width、height值无效和margin-top、margin-bottom值无效。

二、CSS中的文档流模型

所有文档中的元素默认情况下按文档流显示,即每个块元素显示一行,行内元素根据行宽度值紧凑排列显示。

三、CSS中的相对定位和绝对定位模型

相对定位:相对于该元素在文本流中的原位置进行偏移的,其原位置被保留。

绝对定位:设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。绝对定位的元素脱离文档流不占用空间。这一点与相对定位不同。

未完~~~