選擇器
如: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 可...