html中css和div引用的两种表达

html-css021

html中css和div引用的两种表达,第1张

1.#divid p{}选取的是id为divid下的所有p元素（#divid的子元素），可以有多个p元素。

<div id="divid">

<p>我被选取</p>

<p>我也被选取</p>

<p>我也被选取</p>

</div>

2.p#divid{}选取的是id为divid的p元素，只有一个元素。

<p id="divid">我是p元素，我的id是divid，只有我被选取。</p>

两者都可以用，视情况而定。

position:fixedbottom:0这个方法简单好用。

运用这个CSS把DIV永远置于页面的底部 利用绝对定位，然后设置底部距离为0。

这个div如果位置在所有div的后面，那么只要前面的div 的高度够高的话，它的位置就会在页面的页面的底部的，一般想你这种说的要让他在页面底部的话都是页面高度太小，占不了满屏，导致页面底部部分下面有空白，你可以给这个div 前面的大的div 一个最小高度，让它撑起来。

<style>

.main{min-height: 700px}

</style>

<div class="header"></div>

<div class="main"></div>

<div class="footer"></div>

通常的方法为：先设置div的宽度，然后使用如下样式：

margin: 10px auto /* 上下边距10px，左右边距自动以达到左右居中的目的*/

以下为示例：

HTML代码中给出div

<div class="outer">

<div class="content"></div>

</div>

添加样式

/*外层边框*/

div.outer{width:200pxheight:150pxborder:1px solid green}

div.content{

width:100pxheight:50px /*设置大小*/

margin:20px auto        /*设置左右边距自动以使其居中*/

border:1px solid red

}

显示效果