前端學習筆記 二

2021-08-16 00:06:50 字數 1736 閱讀 1648

rel = "stylesheet" href = "1.css">
display

: inline ;

display

: block;

display : inline

block;

預設樣式 < 標籤選擇器 < 類選擇器 < id選擇器 < 行內樣式 < !important01

10100

1000

1000以上

a : link

a : link    鏈結預設狀態

a : visited 鏈結訪問之後的狀態

a : hover 滑鼠放到鏈結上顯示的狀態

a : active 鏈結啟用的狀態

: focus 獲取焦點

//鏈結文字修飾 下劃線

//line-through 中間線 none 沒有下劃線

text-decoration : none | underline |line-through

background-repeat : repeat(預設平鋪)

background-repeat : no-repeat(不平鋪)

background-repeat : repeat-x(水平方向平鋪)

background-repeat : repeat-y(豎直方向平鋪)

//*-------------------------------

方位值只寫乙個的時候,另外乙個值預設是居中的

background-position : left | right | center | top | bottom

//*-------------------------------

background-attachment : scroll 背景滾動 fixed 不滾動

//背景屬性連寫 (連寫沒有順序要求,但是url是必寫的)

background : red url("1.png") no-repeat bottom scroll

// li 清楚列表項符號

list

- style : none

// li加背景

background : url("li.gif") no-repeat left center

border-top

-color : red //邊框顏色

border-top

-width : 5px

border-bottom

-style : solid //實線

border-bottom

-style : dotted //點線

border-bottom

-style : dashed //虛線

//邊框屬性連寫 (沒有順序要求,但是線型為必寫項)

border-top : red solid 5px

//去掉邊框線

border : 0

none

//去掉輪廓線

outline - style : none

//獲取游標焦點

label for id

Web前端開發學習筆記(二)

homework2 1.display屬性的block,inline block,inline值的區分 其實真正需要區分的是inline block和inline。都是在同一行內,怎麼區分他們呢?首先要明白塊元素和行內元素很重要的一點區別 塊元素的高度和寬度我們都是可以控制的,而行內元素是不可以的。...

前端筆記二

type控制input標籤的屬性,以下都是type控制的屬性 文字框 text name 名字 控制項名字 size 數字 控制項的長度 文字框的長度 單位不是畫素 px maxlength 數字 最長字元數 輸入框最多輸入的字數 value 內容字 文字框裡面的初始字 placeholder 內容...

前端筆記(二)

解構 es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值。物件的解構與陣列有乙個重要的不同。陣列的元素是按次序排列的,變數的取值由他的位置決定 而物件的屬性沒有次序,變數必須與屬性同名,才能取到正確的值。變數解構賦值的用途 交換變數的值,從函式返回多個值,函式引數的定義,提取json資料,...