前端小白奮鬥史07

2021-10-10 14:12:12 字數 2729 閱讀 4185

em 傾斜標籤

ins 下劃線標籤

alter 替換文字

title 提示文字

target 目標視窗彈出方式 _blank _self

錨點鏈結 快速定位頁面位置

特殊標籤

空格 &nbsp 你不是胖

< &it

> >

element語法

父子記關係標籤 ul>li

兄弟級關係標籤 div+p

類名有順序的 $自增符號

快速格式化** shift+alt+f

css選擇器 基礎選擇器 復合選擇器

基礎選擇器 標籤選擇器 id選擇器 類選擇器 萬用字元選擇器

復合選擇器 後代選擇器 空格

子選擇器 >

偽類選擇器 :

並集選擇器 ,

偽類選擇器 :focus 選取獲得焦點的表單元素

:link 未被訪問的元素出來

:visiter 被訪問過的選取出來

:hover 滑鼠經過時被點亮

:active 滑鼠按下未抬起

元素顯示模式 塊元素 行內元素 行內塊元素

單行文字垂直居中 文字的行高等於盒子高度

css背景 背景顏色(透明 transparent背景平鋪(repeat)背景 背景固定background-attachment:scroll

fixed背景位置

css三大特性 層疊性 繼承性 優先順序

優先順序 繼承性和*<標籤選擇器<類選擇器<id選擇器<偽類選擇器<行內樣式style<!important

注意權重值

盒子模型

內邊距 邊框 外邊距

邊框顏色 bordet-color

邊框位置 上下左右

邊框型別 border-style:nonesolid實線dashed虛線 dotted點線

**細線邊框 border-collapes:collapes

邊框會增加盒子大小

量盒子大小事不量邊框

如果量邊框寬高減去邊框寬度

內容和盒子用內邊距

盒子和盒子用外邊距

注:盒子有了寬度和高度,加內邊距會撐大盒子

外邊距可以讓塊元素水平居中 margin:0 center

行內元素或行內塊元素水平居中給父元素新增text-align:center

相鄰塊元素只需要給乙個外邊距,不要會出現塌陷和合併

圓角邊框 border-radius:length|百分比

length為圓角半徑

css3

盒子陰影

box-shadow:h-shadow水平陰影 v-shadow垂直陰影 blur模糊距離 spread陰影尺寸 color陰影顏色 insert沒陰影

水平陰影和垂直陰影必須寫

注意預設為outsert**影 不可以寫 不然陰影無效 盒子陰影不佔空間,不陰影其他盒子排列

文字陰影

text-shadow:shadow水平陰影 v-shadow垂直陰影 blur模糊距離 color陰影顏色

css傳統三大布局 普通流(標準流)浮動 定位

清除浮動後父集就會根據浮動的子盒子自動的檢測高度,父集有了高度,就不回影響下面標準流的

- 清除浮動方法

- 額外標籤法

- 父集新增overfloat:hidden :after

- 偽元素清楚浮動 雙偽元素清楚浮動

前端小白奮鬥史04(css)

1.塊元素 常見的塊元素有 相鄰行內元素在一行上,一行可以顯示多個。高 寬直接設定是無效的。預設寬度就是它本身內容的寬度。行內元素只能容納文字或其他行內元素。注意 鏈結裡面不能再放鏈結,特殊情況鏈結裡面可以放塊級元素,但是給轉換一下塊級模式最安全。3.行內塊元素 在行內元素中有幾個特殊的標籤 它們同...

弱校ACM奮鬥史

題解 還記得2年前的乙個晚上,我和乙個女孩一起寫完了這篇文章。寫完後,她哭了,我笑了。然後,她走了,我哭了。2年後,我又找到她,這次,我沒有讓她走掉,她成了我的新娘。如果,現在我們寄託了這些東西的話,誰還會告訴我 我們不該奮鬥呢?如果可以,我寧願安靜的呆在乙個不為人知的小角落,平平淡淡的過了這大學四...

我的2020奮鬥史

現在我仍然記得,去年的這個時候,我結束3個月的考研備考,剛剛參加完全國統考,難得可以休息一段時間了。我於2014年本科畢業,到目前為止已經有6年工作經驗,前三年從事大資料開發,後三年轉做計算機視覺。那麼,已經工作這麼多年了,為什麼還要考研呢?事情的開端要回到2019年9月份,當時已經從事計算機視覺方...