蘇州保潔公司多少錢一個平方百度seo自然優(yōu)化
一、CSS 外邊距:
????????CSS margin(外邊距)屬性定義元素周期的空間。margin清除周圍的(外邊框)元素區(qū)域。margin沒有背景顏色,是完全透明的。margin可以單獨(dú)改變元素的上、下、左、右邊距,也可以一次改變所有的屬性。margin可以使用負(fù)值,重疊的內(nèi)容。
margin屬性可能得值:
margin屬性 示例:
p.margin
{
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
}
margin屬性可以有一到四個值。margin:25px 50px 75px 100px(上邊距為25px,右邊距為50px,下邊距為75px,左邊距為100px);margin:25px 50px 75px(上邊距為25px,左右邊距為50px,下邊距為75px);margin:25px 50px(上下邊距為25px,左右邊距為50px);margin:25px(所有的4個邊距都是25px)。
CSS邊距屬性:
二、CSS填充:
????????CSS padding(填充)是一個簡寫屬性,定義元素邊框與元素內(nèi)容之間的空間,即上下左右的內(nèi)邊距。
當(dāng)元素的padding(填充)內(nèi)邊距被清除時(shí),所釋放的區(qū)域?qū)辉乇尘邦伾畛?。單?dú)使用padding屬性可以改變上下左右的填充。padding可能得值:
padding屬性示例:
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
padding屬性可以有1到4個值:padding:25px 50px 75px 100px(上填充為25px,右填充為50px,下填充為75px,左填充為100px);?padding:25px 50px 75px(上填充為25px,左右填充為50px,
下填充為75px);??padding:25px 50px(上下填充為25px,左右填充為50px);?padding:25px(所有的填充都是25px)。
CSS padding所有屬性:
???????三、CSS分組和嵌套:
在樣式表中有很多具有相同樣式的元素,為了減少代碼,可以使用分組選擇器,每個選擇器用逗號分隔。示例:
<style>
h1,h2,p
{
color:green;
}
</style>
嵌套選擇器的四種樣式:p{ }: 為所有?p?元素指定一個樣式;
.marked{ }: 為所有?class="marked"?的元素指定一個樣式;.marked p{ }: 為所有?class="marked"?元素內(nèi)的?p?元素指定一個樣式;p.marked{ }: 為所有?class="marked"?的?p?元素指定一個樣式。示例:
<style>
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
p.marked{
????text-decoration:underline;
}
</style>
四、CSS 尺寸:
????????CSS尺寸(dimension)屬性允許控制元素的高度和寬度,允許增加行間距。
1)、設(shè)置元素的高度:
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
2)、使用百分比設(shè)置圖像的高度:
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>
3)、使用像素值設(shè)置元素的寬度:
<style>
img {width:200px;}
</style>
4)、設(shè)置元素的最大高度:
p
{
max-height:50px;
background-color:yellow;
}
5)、使用百分比設(shè)置元素的最大寬度:
<style>
p
{
max-width:20%;
background-color:yellow;
}
</style>
6)、設(shè)置元素的最低高度:
<style>
p
{
min-height:100px;
background-color:yellow;
}
</style>
7)、使用像素值設(shè)置元素的最小寬度:
<style>
p
{
min-width:150px;
background-color:yellow;
}
</style>
CSS尺寸(dimension)屬性:
???????五、CSS 顯示:
CSS display屬性設(shè)置元素應(yīng)如何顯示;CSS visibility屬性指定元素應(yīng)可見還是隱藏。隱藏元素可以通過display屬性設(shè)置為“none”,也可以通過visibility屬性設(shè)置為“hidden”。兩者的區(qū)別:visibility:hidden可以隱藏某個元素,但隱藏的元素仍占用之前的空間,即該元素雖然被隱藏,但仍然會影響布局;display:none可以隱藏某個元素,且隱藏的元素不占用任何空間。
CSS display-塊和內(nèi)聯(lián)元素:塊元素是一個元素,占用全部寬度,在前后都是換行符;內(nèi)聯(lián)元素只需必要的寬度,不強(qiáng)制換行。示例:
<style>
p {display:inline;}
</style>
<style>
span
{
display:block;
}
</style>
<style>
table, th, td {
????border: 1px solid black;
}
tr.collapse {
????visibility: collapse;
}
</style>