css高級技巧

1、鼠標顯示

a:小手cursor:pointer

b:默認cursor:default

c:勾選文本cursor:text

d:拖動cursor:move

2、css三種佈局模型

 a、流動模型(默認):

       (1)塊狀元素:從上到下垂直自動垂直延伸分佈

       (2)行內元素:自左向右水平分佈

b、浮動模型:

      不同的div設置不同的浮動方式佈局

c、層模型:

      (1)相對定位

      (2)絕對定位

      (3)固定定位

 3、p:nth-child(4):父元素第四個子元素p;p:nth-of-type(4):父元素第四個p元素;p:nth-child(n+4)nth-child(odd):nth-child(-n+9);nth-of-type(an+b)是一樣的意思,n=0,1,2,3...

4、

       

 

    

https://blog.csdn.net/forest_fire/article/details/79279537

 https://blog.csdn.net/baidu_39195199/article/details/83211486

https://blog.csdn.net/z_x_Qiang/article/details/82765990

https://blog.csdn.net/dwr_hjf/article/details/80541883

posted @ 2019-03-27 13:34  web前端日志  阅读(97)  评论(0编辑  收藏  举报