關於前端學習 1

1：ul標籤中寫了style="text-align: center居中，li標籤中的文字居中了，但是li前的list-style-type樣式並沒有居中在瀏覽器的最左端，並且是li每一行居中而不是多行左對齊居中，就像這樣

2：其實一直在疑惑乙個問題，p標籤內套p標籤為什麼不能繼承第乙個p標籤的屬性。

1：在經過查詢之後了解了li，ul，div等不同還有塊級元素行級元素的不同及作用，在ul之前加乙個div盒子講ul放在div中，對div設定乙個寬度，因為div是塊級元素，想讓塊級元素居中，知道了 margin:0 auto 可以實現，在將div居中後，裡面的子元素也跟著居中。大致可以實現

我叫王毓琦

我學前端啦~~

2：在後面發現p標籤屬於段落標籤，只能由span這種標籤才能繼承p裡面的屬性

行內元素與塊級元素的區別：

行內元素特徵：設定寬高無效，對margin僅設定左右方向有效而上下無效，padding設定上下無效，左右有效。不會自己換行，也不能包含塊級元素。

塊級元素特徵：margin和padding上下左右均有效。可以自動換行，可以包含塊級元素和行內元素。

display：

inline:大致可以將元素變成行級元素

block：可以將元素變為塊級元素這裡有個注意點上面用的magrin：0 auto在行級元素上可以用這個將其變成塊級元素然後再將其居中

inline-block:指的是可以將元素本身使用inline屬性實現行級但是裡面的內容就會產生block屬性，

簡單來說就是將物件呈現為inline物件，但是物件的內容作為block物件呈現

css：

行內樣式，使用style引入css

內部樣式，在head標籤用style實現

外部樣式，用link或者@important來實現

優先順序：行內樣式》id選擇器》class選擇器》標籤選擇器》繼承

盒子模型:

margin外邊距 padding內邊距 bording是邊框處於padding與margin之間。

盒子模型是很重要的，現在還不是特別明白，大致內容為內容（content）」、「內邊距（padding）」、「邊框（border）」、"外邊距（margin）"還要細緻了解一下。

這是大致這兩天覆習了之前的與了解的明天開始做網頁在做的時候一定也會發現很多問題，慢慢加油~~

這兩天看了一下flex布局但是css還不是很會再學習幾天css就去看布局了

接下來我會盡全力去加油的！