彳餘小白學習日記 前端css篇

2021-08-21 10:03:17 字數 2277 閱讀 8547

選擇器

如:h1
標籤名  或者

元素名.類名

標籤呼叫的時候用 class=「類名」,注意不需要 「.」

.red

注:

樣式顯示效果html元素中的類名先後順序沒關係,與css樣式書寫的上下順序有關。

亞瑟

劉備安其拉

貂蟬

#id名

用法基本和類選擇器相同。

注:類選擇器和id選擇器的區別:id選擇器是唯一的,而類選擇器可以重複使用。*

:active /*選定的鏈結*/

注:順序不能顛倒 ,按 lvha來( lv hao),在開發中只使用 :hover

:first-child:選取屬於其父類元素的首個子元素

:last-child 選取屬於其父類元素的最後乙個子元素

:nth-child(n):匹配屬於其父元素的第n個子元素

:nth-last-child(n):匹配屬於其父元素的第n個子元素,從後往前數

1.預定義的顏色值:red,blue等

2.十六進製制表示法 :#ff0000,#ff6600 。實際工作中用的比較多記得加上#

3.rgb表示法:rgb(255,0,0)或者rgb(100%,0%,0%)

即行高,有三種單位px,em,%, 使用最多的是px 一般情況下,行高比字型大小大7/8px即可。

lleft:左對齊(預設值) right:右對齊  center:居中對齊

一般使用em做為單位,1em就是乙個字的寬度

字元與字元之間的空白,允許為負值,預設為normal

針對於英文單詞,對中文字元無效

凸出效果  text-shadow: 1px 1px 1px #000, -1px -1px 1px #fff;

凹出效果 text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;

內涵:兩個文字陰影重疊的效果

常見的塊元素:

/* 獲取到 擁有 該屬性的元素 */

li[type]

/* 獲取 屬性等於某個值的 元素 屬性值 可以使用 引號進行包裹 */

li[type="vegetable"]

/* 使用空格分隔的 多個屬性 其中有某個屬性即可獲取 */

li[type~="hot"]

/* 獲取以某個屬性開頭的語法 */

li[color^='green']

/* 獲取以某個值 結尾的屬性 */

li[type$='t']

/* 獲取 屬性中 擁有某個值的 元素 */

li[type*=ea]

/* 如果屬性的值 只有very 也能夠獲取 用來獲取 多個屬性 並且 使用-連線 */

li[price|='very']

p::first-letter

p::first-line

p::selection

div::befor 

div::after

background-image: url('images/gyt.jpg'),url('images/robot.png')
length: 百分數|由浮點數字和單位識別符號組成的長度值;position:top|center|bottom|left|center|right

如果只指定了乙個值,則該值將用於橫座標。縱座標將預設為59%

彳餘小白學習日記 1

1.get請求 在瀏覽器中直接輸入url並回車 在url中可以看到請求引數,最多1024位元組 2.post請求 大多在表單提交時發起,如登陸 通過表單形式傳輸,包含在請求體中,沒有位元組限制 3.cookies import requests r requests.get print r.cook...

前端學習筆記css篇(1)

1.響應式布局 常用的響應式布局方法 為不同解析度配置不同的css檔案 當解析度大於720px時 media screen and min width 720px 2.css動畫 css3的animation提供簡單的動畫效果,如設定透明度漸變 header keyframes c opacity ...

2020 11 05 前端第四天學習日記 css

2020.11.05 今天是學習前端的第四天,上午對昨天的form表單學習進行了補充,補充了下拉選擇框和乙個邊框樣式fieldset的應用。form表單由select下拉列表巢狀option列表選項組成,主要應用於 個人資訊的填寫,裡面的屬性值有size 可以設定顯示幾個列表選項,mutiple 可...