非零基础自学前端最后一遍一 HTML+CSS 4 邂逅CSS 4.4 常见的CSS和学习文档推荐

叁歲伎倆 2024-03-25 09:25 40阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  4 邂逅CSS
         *   *  4.4 常见的CSS和学习文档推荐
             *   *  4.4.1 常见的CSS元素
                 *  4.4.2 必须掌握的CSS属性
                 *  4.4.3 CSS属性的官方文档

![在这里插入图片描述][2046f27ce82d4c48bf115e675f282e73.png_pic_center]

#### 一 HTML+CSS ####

#### 4 邂逅CSS ####

##### 4.4 常见的CSS和学习文档推荐 #####

###### 4.4.1 常见的CSS元素 ######

![在这里插入图片描述][dd3851f06ab74dac97486bacf88f3732.png_pic_center]

###### 4.4.2 必须掌握的CSS属性 ######

*  必须掌握的CSS属性  在开发中90+%的时间写的都是这些属性；
 *  赶紧开始？
 *  不要小看这几个CSS属性，里面涉及到的概念是非常多的；
 *  你必须了解CSS的很多特性，才能真正理解里面的每个属 性；
 *  并且在遇到一些问题的时候知道如何去调试

![在这里插入图片描述][66b82c1d8e2b4c05baea3f49cc4bc6fc.png_pic_center]

###### 4.4.3 CSS属性的官方文档 ######

*  CSS官方文档地址
    
    https://www.w3.org/TR/?tag=css
    
    ![在这里插入图片描述][7f0920bfe433400fb72ed1261ed6c54f.png_pic_center]
 *  CSS推荐文档地址： https://developer.mozilla.org/zhCN/docs/Web/CSS/Reference\#%E5%85%B3%E9%94%AE%E5%AD%97%E7%B4%A2%E5%BC%95
    
    ![在这里插入图片描述][af4381a7527c47168a4d2d729506de5a.png_pic_center]
 *  由于浏览器版本、CSS版本等问题，查询某些CSS是否可用：
    
     *  可以到https://caniuse.com/查询CSS属性的可用性；
        
        ![在这里插入图片描述][d12e5990d8574e1f8aa0e8258df021af.png_pic_center]
     *  这个网站在后续的browserlist工具中我们再详细说明；

[2046f27ce82d4c48bf115e675f282e73.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/60b04760d8dd44e6ba2c7479318f1a3a.png
[dd3851f06ab74dac97486bacf88f3732.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a3b4761bb86d414db2d7dc2a55956ab2.png
[66b82c1d8e2b4c05baea3f49cc4bc6fc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/d1fea62111724cdca421c107fcd76b5c.png
[7f0920bfe433400fb72ed1261ed6c54f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/24f5c23a4e1f42b98c66291c042dd8f5.png
[af4381a7527c47168a4d2d729506de5a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/1d6ad236eb7342f3aac4e931ae6fbefb.png
[d12e5990d8574e1f8aa0e8258df021af.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/188da4a2c35f4bc1922baa97974ff942.png