div+css学习笔记2

最新推荐文章于 2024-08-09 06:13:01 发布

CCIE1992

最新推荐文章于 2024-08-09 06:13:01 发布

阅读量124

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/AlexZero/p/5182676.html

版权

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，所以小明执行打扫卫生的任务。

转载于:https://www.cnblogs.com/AlexZero/p/5182676.html

CCIE1992

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div+css学习笔记2

1、blockquote段落缩进能使整个段落缩进。<blockquote>HTML不同于过去学过的各种面向对象语言, 函数式语言, 它不像其他语言有明确的上下文的逻辑关系. 所以并不像其他语言一样需要有什么特定的基础, 希望这句话能让你远离学习过别的语言的阴影.</blockquote>2、text-indent属性让段落首行缩进。...
复制链接

扫一扫