div+css学习笔记2

1、blockquote段落缩进

能使整个段落缩进。

<blockquote>HTML不同于过去学过的各种面向对象语言, 函数式语言, 它不像其他语言有明确的上下文的逻辑关系. 所以并不像其他语言一样需要有什么特定的基础, 希望这句话能让你远离学习过别的语言的阴影.</blockquote>

2、text-indent属性

让段落首行缩进。

 p{
   text-indent: 5px;
    }

 3、margin:0 auto;居中

这个在IE8.0下会失效,但在其他浏览器下可以正常居中显示。解决办法如下:

1:检查是否使用了正确的文档类型

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>

还有一种最简单的方法:

<!DOCTYPE html>

2:在没有使用正确的文档类型时可使用这种方法

body{
margin:0;
padding:0;
text-align:center;/*添加这句代码使得在IE8.0下正常居中显示*/
}

3:使用负外边距居中

首先利用绝对定位,定位距左边50%,然后负边距宽度一半。

#content{
 position:absolute;
 left:50%;
 width:760px;
 margin-left:-380px;/*外边距为width:760px的一半*/
}

 

 4、关于div标签width与height属性说明

   div的width(宽度)如果不设置的话,默认情况为最大值即浏览器的宽度。
   div的height(高度)如果不设置的话,默认情况下表示height=0,即上下的边框贴合在一起变成一条线。
   所以一般情况下div的高度都是需要设置的。

5、ID和CLASS选择器

id只能在页面中对应一个元素,就像我们的身份证号一样,每个人的都不一样;

class为类,可以对应多个元素,比如说一年级三班的学生,它所对应的可能是10个20个学生。

id的优先级高于class,比如说今天三班的学生上体育课,小明留下来打扫卫生。那么三班的学生上体育课这是一个类,而小明打扫卫生这是个id,虽然小明也是三班的学生,但id高于class,所以小明执行打扫卫生的任务。

你可能感兴趣的:(div+css学习笔记2)