CSS相關知識及入門

2022-09-13 21:45:31 字數 1148 閱讀 6423

修飾html頁面,美化

放置規範

格式規範

**規範

.類名
#id值
對選擇器進行組合,表現出層級關係,從而更加針對性把樣式作用於某些標籤上

/*選擇器1下的選擇器2*/

選擇器1 選擇器2...

/*浮動:居右*/

選擇器常用屬性值:

none 元素不浮動

left 元素向左浮動

right 元素向右浮動

注意:設定浮動屬性後,會脫離原有的文件流(即原有的板式),從而影響其它元素的樣式,所以設定浮動後,頁面樣式需要重新調整

行內元素:根據內容多少來占用行內空間,不會自動換行

display屬性可以使得元素在行內元素和塊元素之間相互轉換

選擇器

常用屬性值:

block:將元素變為塊

inline:將元素變為行內元素

none:此元素將被隱藏,不顯示,也不占用空間

/*設定字型大小*/

font-size:

/*設定字型顏色*/

color:

所有的html元素都可以看成乙個四邊形

設定盒子的形式,就是盒子模型

html元素盒子的框體

通用設定(上下左右都設定):border:1px solid;

html元素裡的內容體到html元素邊框的距離

通用設定:padding:10px;

乙個html元素框體到另乙個html元素框體的距離

通用設定:margin:10px;

在標籤內書寫style屬性

這是乙個樣式示例
使用style標籤,在此標籤體內書寫css樣式

適用於不同頁面的css樣式復用

抽成乙個css檔案,然後在html中呼叫

如何呼叫?使用link標籤(寫在head標籤當中)

CSS相關知識

css cascading style sheets的縮寫 翻譯為 層疊樣式表 或者 級聯樣式表 簡稱樣式表。作用 它主要是用來給html網頁來設定外觀或者樣式。css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成...

Linux入門之安裝及相關知識

一 vmware虛擬機器安裝與使用 1.1 vmware 簡介 vmware是乙個虛擬pc的軟體,可以在現有的操 作系統上虛擬出乙個新的硬體環境,相當於模擬 出一台新的pc。以此來實現在一台機器上真正 同時執行兩個獨立的作業系統 1.2vmware特點 1.3建議的vmware配置 1.4安裝虛擬機...

CSS入門知識

簡介 語法 選擇器 宣告一宣告二 h1p 十六進製制的演示 p 十六進製制的縮寫,即對於 rrggbb的顏色,可以用 rgb來表示 p rgb方式 p rgb的百分百方式,一定得寫成0 id選擇器 css 中 id 選擇器以 來定義 class選擇器 css 中,類選擇器以乙個點 號顯示 外部樣式表...