CSS總結四(前端一)

2021-10-08 22:55:30 字數 663 閱讀 2387

day9

1.css高階技巧

1.元素的顯示與隱藏

display 隱藏物件,不保留位置

(none,block)

visibility 隱藏物件,保留位置

(hidden,visible)

overflow 只隱藏超出盒子部分

(auto)

2.使用者介面樣式

①滑鼠樣式

cursor:default(預設)/pointer(小手)/move(移動樣式)/text(文字豎線)

②輪廓線

outline:none(取消表單輪廓線)

③防止拖曳文字域

resize:none;

3.垂直對齊

vertical-align:baseline/bottom/middle/top(行內和行內塊元素)

附練習**:

4.阿里icomoon小圖示

②將fonts複製與於根檔案

③使用時開啟htmldemo複製小圖示後粘上文字

附練習**:

css滑鼠變成小手 CSS總結四(前端一)

day9 1.css高階技巧 1.元素的顯示與隱藏 display 隱藏物件,不保留位置 none,block visibility 隱藏物件,保留位置 hidden,visible overflow 只隱藏超出盒子部分 auto 2.使用者介面樣式 滑鼠樣式 cursor default 預設 p...

一 前端總結 之CSS篇

渲染時,dom 元素所採 的 布局模型。可通過 box sizing 進 設定。根據計算寬 的區域可分為 content box w3c 標準盒模型 border box ie 盒 模型 padding box margin box 瀏覽器未實現 塊級格式化上下 是 個獨 的渲染區域,讓處於 bfc...

前端基礎之CSS(總結)

css學什麼?主要學習選擇器和屬性,選擇器是去找到標籤的位置,屬性是給標籤增加需要的樣式。css選擇器 1.基本選擇器 1.標籤選擇器 2.id選擇器 3.類選擇器 class c1 c2 2.通用選擇器 3.組合選擇器 1.後代選擇器 空格 2.兒子選擇器 3.毗鄰選擇器 div p 用的時候感覺...