小白學習css的筆記

2021-10-25 13:14:11 字數 1343 閱讀 3936

什麼是css

語法

屬性的設定

"width:100pc;height:100px;blackgroud-color:black;"> 

如果不在style屬性裡,就寫在乙個**塊裡

選擇器(選擇某一種元素的一種方式)

css的注釋

注釋的寫法/*注釋內容*/作用:增加**的可讀性,便於**的維護和管理

注意:注釋不能巢狀使用

css的速記寫法

選擇器

標籤選擇器通過標籤名稱選擇一類元素

div

、span

、p

id選擇器

#one:id=one:id
類選擇器

class:通過class屬性選擇一類元素

.one

:class='one'

普通選擇器

*:選擇所有
後代選擇器

空格:選擇所有後代子元素

>:選擇直接子元素

兄弟選擇器

+:選擇當前元素之後的乙個兄弟元素

~:選擇當前元素之後的所有兄弟元素

組合選擇器

div #one .one

div#one

div.one

多選擇器

div,p,span,#one,.one

屬性選擇器根據元素的屬性選一類元素

偽類選擇器

a:超連結

偽元素選擇器

- ::微元素名稱

- ::first-letter

- ::first-line

- ::before ——content:』』/url()

- ::after

- ::selection 選中

css小白學習

什麼是盒子模型 每乙個元素都是乙個盒子 每乙個盒子是由content padding border margin組成 content是盒子的內容區域,padding是設定盒子內容區域到邊框之間的距離 border是設定的邊框 margin是設定盒子與盒子之間的距離 盒子模型分類 1.從型別上分為 1...

小白的前端學習筆記(浮動 css選擇器)

after 和 beforev i 選擇器高階選擇器 總結float left right 1 在父容器內設定css overflow hidden 2 在父容器最底部加上乙個空div 3 在父容器內設定css parent after after 在元素後面新增內容 content設定其內容 be...

小白python學習筆記

1.cmd命令列下怎麼切換目錄 2.python對縮排有嚴格要求,要頂格寫,單引號 雙引號 可互換使用。3.如何在python中讓兩個print 函式輸出列印在同一行內 4.在windows下裝lightgbm包 具體是哪個教程能裝好,要自己嘗試了,費了很大功夫,最後也不知道是怎麼搞好的,反正不報錯...