css學習小結

2022-08-24 10:45:09 字數 868 閱讀 7811

html 在乙個網頁中負責的事情是乙個頁面的結構

css(層疊樣式表

) 在乙個網頁中主要負責了頁面的資料樣式。

編寫css

**的方式:

第一種: 在style

標籤中編寫

css**。   只能用於本頁面中,復用性不強。

格式 :

例子:第二種: 可以引入外部的css

檔案。  推薦使用。

方式1: 使用

link

標籤。   推薦使用

...格式:

檔案的路徑

" rel="stylesheet">

例子: 

方式2:使用

例子:第三種方式:直接在html

標籤使用

style

屬性編寫。    只能用於本標籤中,復用性較差。 不推薦使用。

例子:新聞的標題

1盒子模型: 盒子模型就是把乙個html

邊框比作成了乙個盒子的邊框,盒子模型要做用於運算元據與邊框之間的距離或者 是邊框與邊框之間的距離。

盒子模型主要是用於操作內邊距(padding)與外邊距(margin

)css的定位:

相對定位: 相對定位是相對於元素原本的位置進行移動的。

使用方式: position:relative;

絕對定位: 絕對定位是相對於整個頁面而言。

position:absolute; 

top:200px;

left:380px;

固定定位:

position:fixed; /* 固定定位

: 固定定位是相對於整個瀏覽器而已的。

*/ top:380px;

left:1000px;

CSS學習小結

要選擇具有特定 id 的元素,請寫乙個井號 後跟該元素的 id。注意 id 名稱不能以數字開頭 選擇擁有特定 class 的元素,請寫乙個句點 字元,後面跟類名。通用選擇器 選擇頁面上的所有的 html 元素。外部css 內部css 行內css 注釋 背景 background color dodg...

CSS學習小結

css是級聯樣式表 cascading style sheets 的縮寫。html 用於撰寫頁面的內容,而 css 將決定這些內容該如何在螢幕上呈現。而mdb是css前端框架,使用mdb,可以快速高效的搭建web介面。一條css樣式規則由兩個主要的部分構成 選擇器,以 包裹的一條或多條宣告,例如 p...

CSS3學習小結

css cascading style sheet 級聯樣式 層疊樣式 顯示資料與顯示分離 寫在標籤之內寫style屬性,style屬性中寫css 例 在head標籤中增加style標籤,集中寫css 單獨寫乙個css檔案,head中用link標記使用css檔案 4 匯入樣式 匯入css impor...