CSS內容學習整理

2021-10-08 01:13:23 字數 2953 閱讀 4400

css是層疊樣式表,英文全稱:cascading style sheets

css樣式分為:內部樣式、外部樣式、行內樣式

:渡課官網

p

渡課官網

.p2

"p2">渡課官網

color 單詞、十六進製制、rgb(x,x,x)

文字樣式:

注意點:

text-decoration 文字的下劃線

none(無),underline(下劃線),overline(上劃線),line-through(字中間線)

text-shadow 文字設定陰影

h-shadow v-shadow blur color(同時存在,直接寫資料即可)

text-transform 改變字母大小寫

none(無),capitalize(首字母大寫,對文字無變化),uppercase(全部大寫),lowercase(全部小寫)

text-indent 首行縮排

npx,nem (em 是字元單位,2em表示兩個字元,可以設定小數點字元如:2.2em)

作用:定義文字的字型系列,大小,加粗,風格,變形等。

font-family 設定字型 (宋體,楷體等)

font-style 規定斜體的文字

normal(正常的) italic(大多數斜體,個別不斜體)oblique(所有都斜體)

font-weight 文字加粗 normal(正常的) bold(加粗) 100-900(由於瀏覽器差異問題,基本不用)

font-size 字型大小 npx

列表樣式:

list-style-type 設定列表專案的外觀

list-style-position 列表符號的位置

list-style-image 把設定為列表專案的標記

list-style 簡寫屬性,涵蓋以上三種樣式屬性

偽類分為:狀態性偽類和結構性偽類。

a:link 未訪問的鏈結

a:visited 已經訪問過的鏈結

a:hover 滑鼠移動到連線上(浮動,懸停)

a:active 向被啟用元素新增樣式

:focus 選擇擁有鍵盤輸入焦點的元素

:first-child 選擇元素的第乙個子元素

:last-child 選擇某個元素的最後乙個子元素

:nth-child(n) 選擇某個元素的乙個或者多個特定的子元素

:nth-last-child(n) 選擇某個元素的乙個或者多個特定的子元素,從這個元素的最後乙個子元素開始

:first-of-type 選擇乙個上級元素的第乙個同類子元素

偽類選擇器是選擇一整行(列)進行設定,而偽元素選擇器是選擇其中一段或者一行數字進行設定。

::selection 選擇指定元素中被使用者選中的內容

::before 在內容之前插入新內容

::after 在內容之後插入新內容

::first-line 指定選擇器的首行

::first-letter 選擇文字的第乙個字元

id   #    選擇指定元素中被使用者選中的內容

萬用字元 *

逗號選擇器 , 聯合選擇器

空格選擇器 子孫後代選擇器

>選擇器 > 子選擇器

+選擇器 + 同輩選擇器

選擇器 屬性選擇器

div

作用:繪製於元素周圍的一條線,位於邊框外緣的外圍,可以起到突出元素的作用。

dashed 虛線輪廓

dotted 點狀輪廓

solid 實線輪廓

double 雙線輪廓

none 無輪廓

作用:設定div邊框的邊線寬度,顏色,虛線,實線等樣式。

border-left border-right border-top border-bottom

solid 設定下邊框為實線

none 無邊框

double 雙線邊框

box-sizing——padding多出的部分由**產生的

content-box 在寬度和高度之外繪製元素的內邊距和邊框 預設溢位的效果

border-box 已設定的寬度和高度分別減去邊框和內邊距才能得到內容的高度和寬度

/*脫標流設定*/

"div1">框框1

"div2">框框2

"div3">框框3

/*設定屬性*/

#div1

#div2

#div3

/*清除浮動的規範寫法*/

#cleardiv:after

#cleardiv

/*ie瀏覽器專用的——外邊距重疊或者浮動不能清除*/

relative 相對定位

absolute 絕對定位

static 無定位(預設值)

fixed 固定定位

在css入門中學習了css在html頁面設計的必要作用,學習了一系列關於css的設定,在之後又學習了css的浮動和定位,單單對我來說,css浮動可能是有一點小難題,所以接下來我會多看一些關於css浮動的文章,讓自己更能理解並且掌握運用。

機器學習 周志華(內容整理)

1.機器學習正是這樣得一門學科,它致力於研究如何通過計算的手段,利用經驗來改善系統自身的效能。在計算機系統中,經驗 通常以 資料 形式存在,因此,機器學習所研究的主要內容,是關於在計算機上從資料中產生 模型 的演算法,即 學習演算法 有了學習演算法,我們把經驗資料提供給它,它就能基於這些資料產生模型...

原創 HTML學習整理內容

文件第一行 文件型別宣告 不是html標籤 段落 align屬性 left right center justify 分割線 修飾標籤 斜體加粗 下標 上標 特殊符號 列表標籤分類 1.無序列表 type屬性 disc圓點 square正方形 circle空心圓 2.有序列表 列表 type屬性 1...

CSS基礎內容 學習筆記

cascading style sheets 層疊樣式表!樣式表 顯示的效果!層疊 可以對同一元素設定相同屬性的不同值 更改其顯示效果!html 頁面顯示內容的骨架!沒毛的鸚鵡!css 對頁面顯示的骨架內容進行美化!長了一身很漂亮羽毛的鸚鵡!方式一 行內引入 直接將css 寫在標籤的內部 每乙個ht...