樣式表：
作用：美化網頁，頁面布局。
分類； 內聯，寫在標籤裡面style=""裡面的樣式，優點是控制精確，可重用性差。
內嵌，嵌在網頁的head裡面，可重用性高 外部，樣式寫在另乙個檔案裡面，如果要用直接附加過來。
<link
rel="styleheet"
type
="text/css"
href
="style.css"
>
優先順序：內聯》內嵌》外部
選擇器： * 代表所有的元素 一般的網頁都需要在寫這個樣式，去掉有些標籤自帶的邊界，auto代表居中 *
標籤選擇器：用標籤的名字來選擇元素。 如：div{
id選擇器：用標籤的id名來選擇元素，id的名字前面加# 如：#d1{
class選擇器：用class名來選擇元素，class名前面加. 如：.a{
組合選擇器：
並列關係：用逗號隔開，代表並列。 後代關係：用空格隔開，空格前面的是後面的父級元素。 篩選關係：用點隔開。
樣式：1.前景與背景
前景：指文字 font：是否傾斜 是否加粗 字型大小 選擇字型；
font-family://修改字型font-size：//字型大小
font-style：//字型樣式，
italic //傾斜
font-weight：//字型粗細，
bold//加粗
color://字型顏色
text-decoration：//文字修飾，
none//可以去下劃線
text-indent：//首行縮排
背景： background-color：//背景色background-repeat：//平鋪方式
對齊方式 text-align：//水平對齊方式
center//居中
vertical-align：//垂直對齊方式
middle//居中
top//靠上
bottom//靠下
line-height://行高
2.邊框和邊界
邊框： border: //寬度 樣式 顏色； border-width:1px; border-style:solid; border-color:#f00;
邊界： 外邊距： margin：上 右 下 左； margin-top:上邊距 margin-right:右邊距 margin-bottom:下邊距 margin-left:左邊距
內邊距： padding:上 右 下 左； padding-top:內上邊距 padding-right:內右邊距 padding-bottom:內下邊距 padding-left:內左邊距
3.列表與方塊 width:寬度 height:高度
list-style:位置 type ； list-style-type:列表標示的樣式，none去掉 list-style-image:列表 list-style-position：列表樣式的位置
4.格式布局
position: 位置，
absolute//絕對位置，相對於瀏覽器邊界的位置；relative//相對位置，相對於它本應該出現的位置。
fixed://固定位置，它不會隨著滾動。
設定好position之後，就可以用top right bottom left這四個樣式。
float：流，流式布局。
兩個方式：
left//向左流right//向右流
clear:both//流後面如果要加東西的話要截斷流：
z-index：//值越大的越靠上層
5.其它
display標籤:none //隱藏
block//顯示
display:inline-block//內聯標籤中是不能設定寬度和高度的，要想在內聯標籤中設定寬和高就加上這個
visibility：hidden//隱藏
visible//顯示
display和visibility的區別：
display//隱藏相當於這個元素沒有了，
visibility//的隱藏該元素所佔的位置還在，只是內容隱藏了。
overflow：//超出範圍。。。 hidden 超出隱藏 scroll 超出出現滾動條
cursor:pointer; //滑鼠放上顯示（小手）
hover：//不是乙個樣式，用元素的id或者class之類後面跟冒號hover，代表滑鼠放到此元素上顯示哪些樣式
display:inline-block：//將元素排成一行，一般用導航欄比較多
opacity: 0.7; // 透明度
CSS 頁面布局
幾個實現多欄布局的方法。主要介紹使用內部div來建立浮動的欄。多欄布局有三種基本的實現方案 固定寬度 流動 彈性。固定寬度布局的大小是隨使用者調整瀏覽器視窗大小而變化，一般是900至1100畫素寬。其中960畫素是很常見的，因為這個寬度適合所有的現代瀏覽器，而且能被16 12 10 8 6 5 4和...
css頁面布局
總結 布局1 0 內聯元素對設定寬 width 和高 height 不敏感 1 如果子元素是乙個塊級元素 block 或者被設定為塊級元素，我們可以對子元素使用margin 0 auto居中。class container class sub1 2 如果子元素是乙個內聯元素或者被設定為內聯 內聯塊元...
CSS頁面布局基礎
5 css頁面布局基礎 字符集不能設定寬度，如果要設定寬度必須display設定成塊級 inline 字符集 block 塊級 padding內邊距，border邊框，margin外邊距。4個 上 右 下 左，3個 上 左右 下，兩個 上下 左右，乙個 上下左右。元素浮動 float none 沒有...