前端小白之css

2021-09-08 18:03:37 字數 817 閱讀 9200

css 選擇器:

1.類選擇器 .class{}

2.標籤選擇器 div{}

3.層級選擇器 div p{}

4.id選擇器(和類選擇器類似) #id{}

5.組選擇器 .box1,.box2{}

6.偽類選擇器(滑鼠懸浮特效和前後增加內容) .calss:hover{}  .class:before

css 三種鏈結寫法:

1.行內式(直接styel)

2.內嵌式(head中style標籤內)

3.外鏈式 (link)

css文字屬性:

1.對齊方式:text-align(center left right)

2.首行縮排:text-indent(px em)

3.文字斜體:font-style(normal italic)

4.文字是否加粗:font-weight(normal bold)

5.元素溢位:overflow(visible hidden scroll auto)

6.去掉列表前小圓點:(list-style:none)

css 之列表:

前端之css之單位

1.百分比 預設元素高度設定為100 以自身高度為準,如果父元素設定寬度,子元素寬度為父元素寬度。2.rem rem相對於html元素的font size屬性的大小而變化,需要由js 動態控制。3.vh,vw vw 可視區域的寬度,總寬度為100vw vh 可是區域的高度,總高度為100vh4.ca...

前端小白必讀之Cookie攜帶

某小白是乙個只略懂基礎三件套和 angular 框架的前端初學者,這天,小白在寫乙個帶有登入功能的專案,ta 知道想要讓伺服器記住使用者的登入狀態,就必須在客戶端每次傳送請求上帶上 cookie,但 ta 不知道怎麼樣才能讓請求頭自動攜帶 cookie 在 angular 官方文件中提供了這樣一種方...

前端學習之css

1.html中的三種布局格式 a.標準流 網頁中預設的方式 b.浮動 c.定位 2.html的兩大元素 a.塊級元素 獨佔一行 div h1 h6 table p 有序無序列表 ol ul li 等等 b.內聯元素 和相鄰的內聯元素在同一行 a span image input 等等 文字1文字2 ...