黑馬程式設計師 CSS的相關知識整理

2021-06-19 17:16:42 字數 1339 閱讀 1678

css是層疊樣式表的縮寫,它可以對頁面進行精細的設定,精確到畫素級別,是描述元素的**。

一.設定方法

設定css有三種方法

(1)       元素內聯,就是在元素屬性裡定義css。

在元素標籤內部用style="background-color:red"來設定

(2)       頁面嵌入

在中加入

(3)       外部引用

新建樣式表,在樣式表中寫css,然後通過在頁面中里加上

(4)       常見樣式

①     background-color:  背景顏色

②    color:文字顏色

③    border-style:solid:邊框風格,實線,dotted(點)

④    border-color:邊框顏色

⑤    border-width:寬度

⑥    display:元素是否顯示,可選值:none(不顯示),block(塊級元素,此元素前後會帶有換行符),inline(內聯元素,元素前後沒有換行符)

⑦    cursor,滑鼠在元素上顯示的游標圖案,cursor(預設游標),pointer(超連結的手),text(輸入游標),wait(沙漏),help(問號),cursor:url(游標路徑),頁面載入時將游標變成特定圖案

⑧    li不顯示原點:list-style-type:none

(5)       樣式選擇器

(a)   標籤選擇器:在標籤內部定義css

(b)   class選擇器:命名乙個class,如 .warning{background:yellow;}

然後在用到這個樣式的地方加上class=「warning」,當兩個以上的class時,中間用空格隔開

(c)   標籤+class選擇器:可以針對不同標籤,實現同樣的格式名對於不同的標籤有不同的樣式,只要在樣式名前加標籤名就行

input.name

label.name

decfrwsv

(d)   id選擇器

#name

font-size:xx-large;

然後在需要用到的地方填上id="name"就行

(e)   其他選擇器

1)  關聯選擇器

p strong{color:red}

表示p標籤內的name標籤內的內容使用的樣式

srgfrg

fwesf

2) 組合選擇器

h1,h2,input{}

表示h1,h2都採用這種樣式

3) 偽選擇器

類似

黑馬程式設計師 類相關知識

asp.net android ios開發 net培訓 期待與您交流!程式設計師認為,世界是由物件組成。物件有特徵 行為 物件一定是實實在在存在的 例如 戴爾是乙個品牌,具體的一台戴爾電腦才是物件 類是模子,是物件的抽象,規定出物件的屬性和行為 類是物件的型別,類例項化 物件 定義類的語法 訪問修飾...

黑馬程式設計師 物件導向基礎知識整理

1 物件導向不是取代面向過程的。2 類 物件。比如 人 是乙個類,張三 是 人 這個類的物件。int 是類,1,2,3 是int 類的物件。類是抽象的,物件是具體的。物件是類的例項。類不佔記憶體,物件才佔記憶體。3 方法 方法就是類能夠執行的動作。比如 人吃飯。4 類的繼承 類之間可以有繼承關係,比...

黑馬程式設計師 物件導向中繼承的相關知識

target blank asp.net unity開發 target blank net培訓 期待與您交流!1,繼承的概念 我們在一些類中,可能用到了一些重複的成員,為了不重複的定義這些成員和解決 的冗餘,於是進引進了繼承這個概念,我們把這些類中多共同擁有的屬性和方法提煉出來,寫入乙個新的類中,我...