.div中的.代表class，而#代表id
*{}是通配符，代表所有
margin代表外邊距，常用來控制塊級元素在瀏覽器中的位置
padding代表內邊距
color：rgba（0,0,0,0.5）顏色半透明的意思
box-shadow：5px 5px 10px 16px rgba（0,0,0,0.5）可以讓圖片變得更3d

display: inline-block;

子絕父相
子position:realitive;
父position:abosolute;

偽類選擇器(選中div中的p級元素)
p::selection{
color:red;`
}

div::before{
添加的東西
}

(鼠標經過之后才會起效果)
div:hover{
需要效果
}

transform

如何用css畫出一個三角形?

用到border

畫出三角形后如何讓它旋轉?

transform:rotate(90deg);

如何讓三角形繞右底點旋轉?

transform: bottom right;

三角形平移

transform:translate(x,y);

擁有過度效果

transition all 0.5s;

產生3d效果

transform:translate3d(x,y,z);

開門大吉效果圖

五月29日開始css->4號結束css->4號開始ajax->5號初步了解php對數據的各種調用->6號強化學習js

總結

以上是生活随笔為你收集整理的前端css的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。