css頁面布局5 6

2021-07-04 06:12:43 字數 894 閱讀 8561

1.margin外邊距

①外邊距總是透明的

②外邊距可以有負值

③正常文件流中的相鄰塊元素的垂直(top和button)外邊距將會重合

2.border邊框

①邊框畫在元素的背景之上

②非可替換內嵌元素(文字元素)的邊框對於該元素所在行的行高沒有影響

③可替換元素的邊框將會影響行高

3.元素浮動

屬性的取值包括:none(不浮動)、left(向左浮動)、right(向右浮動)

①使用了float後,浮動元素從文件正常流中脫離出來

②float屬性可以應用於任何元素,不僅僅是影象

③當float元素不等於none引起元素浮動時、元素將被視作塊級(block-level)等於設定display:block;

④當浮動乙個文字型別的元素時,必須指定該元素的width屬性,如果不設定寬度,元素內容就會摺疊到最可能的最小寬度

⑤浮動元素停留到包含它的父級元素的內容區域內,不會穿過padding區域

⑥浮動元素的padding是不會重合的

4.清楚浮動影響

clear的取值包括:none、left、right、both,分別表示允許元素的兩邊都可以有浮動元素、不允許左邊有浮動元素、不允許右邊有浮動元素、不允許右邊有浮動元素

注:clear屬性智慧型應用於塊級元素

六、web標準和搜尋引擎優化技術

1.搜尋引擎搜尋結果排名方法:①自然排名  ②競價排名

2.全文搜尋引擎的資料庫是依靠乙個叫「網路機械人(spider)」或叫「網路蜘蛛(crawlers)」的軟體

3.seo工作方式:

①豐富**關鍵字

②主題**

③站點設計

④站點的內部鏈結

⑤有規律的更新...........

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

樣式表 作用 美化網頁,頁面布局。分類 內聯,寫在標籤裡面style 裡面的樣式,優點是控制精確,可重用性差。內嵌,嵌在網頁的head裡面,可重用性高 外部,樣式寫在另乙個檔案裡面,如果要用直接附加過來。link rel styleheet type text css href style.css ...