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月份,當時已經從事計算機視覺方...