簡單的單框架和divccs布局(筆記)

2022-07-01 07:12:12 字數 1815 閱讀 9514

iframe標籤 單框架

用於載入別的頁面。

結合src屬性進行載入另乙個頁面。

如果頁面屬於外網,就要在**前加上http://

使用width屬性設定寬度,使用height設定高度。

使用scrolling屬性設定是否需要滾動條。

使用frameborder屬性設定是否需要框架邊框線。

a標籤 超連結標籤

結合href屬性設定連線位址。如果要鏈結至外部位址,則要在**前面加上http:// 。

結合target屬性設定開啟頁面的方式。

target屬性值:

_self

當前視窗,預設選中的。

_blank

新視窗開啟。每次點選就有乙個新視窗,可以存在多個新視窗。

new

新視窗開啟。始終只有乙個視窗。

_parent

父級視窗開啟。

_top

上級視窗開啟。

自定義target屬性值

由工程師進行自行命名,命名規則只能使用英文、數字、下劃線進行命名,並且不能使用數字開頭。

同時要結合iframe標籤進行使用。iframe標籤裡面要加上乙個name屬性,name屬性值就是我們在a標籤裡面進行定義的命名。

a標籤設定好自定義target屬性之後,與iframe單框架結合之後,就能夠實現在單框架裡面切換頁面的功能。

單標籤和雙標籤。

雙標籤寫法

單標籤寫法

div+css布局

css cascading style sheets

層疊樣式表。檔案字尾為css。

1.主要用於布局和頁面美化。

2.不需要編譯,直接被瀏覽器識別解析。

3.大小寫不敏感。一般都是使用小寫。

4.css屬於w3c標準。

css使用方式:主要就是對元素進行樣式控制。

樣式指的是可以實現某些視覺效果的**。

樣式的格式:

樣式:樣式值;

屬性是寫在元素頭裡面的**,可以實現某些功能。

屬性格式:

屬性名="屬性值"

css使用方式:

1.內嵌式。

直接在所要控制的元素中新增乙個style屬性。

例子:和格式是大幅回答方式

2.內部樣式表。

在head標籤裡面書寫style標籤。直接使用選擇器進行樣式控制。

例子:3.外部鏈入式

在head標籤裡面書寫標籤。

然後使用href屬性進行鏈入我們建立的css檔案然後使用src屬性進行鏈入我們建立的css檔案。

我們必須先建立乙份css檔案。

然後直接在css檔案裡面使用選擇器進行樣式控制。

鏈入css檔案之後還要在link標籤裡面書寫兩個屬性:type="text/css"和rel="stylesheet"。如果這兩個屬性不寫上,我們就控制不到對應的元素。

例子:外部鏈入式書寫的**是直接書寫在css檔案上。

常用樣式

color樣式 字型顏色

font-size樣式 字型大小

font-weight樣式 字型粗細

font-family樣式 字型系列

Bootstrap框架和響應式布局

1.浮動 百分比布局 2.fiex布局 flex布局對於設計比較複雜的頁面非常有用,實現螢幕和瀏覽器視窗大小發生變化時保持元素的相對位置和大小不變 responsive design,意在實現不同螢幕解析度的終端上瀏覽網頁的不同展示方式。通過響應式設計能使 在手機和平板電腦上有更好的瀏覽閱讀體驗。螢...

QT布局和ui簡單使用

垂直布局和 垂直布局的區別。垂直布局可以將控制項進行縱向拉長,而垂直布局不行。乙個xx.ui對應乙個繼承自qwidgets的派生類,使用show 函式來顯示。ui檔案是乙個xml檔案,裡面儲存了該ui的布局和控制項。html view plain copy class mainwindow publ...

簡單的css布局

對於初學者來說css的布局是至關重要的,這關係到整個網頁的外觀。乙個網頁的好壞其基礎就起源於此。以下是本人的隨文練習,較為粗糙,大神莫拍。html 左邊定寬200px 右邊自適應 著是乙個很簡單的兩列布局,左側定值,右側自適應。雖然看起來很簡單,但是其中涉及到margin的空間位移,譬如左側是將其先...