美文网首页
CSS全总结

CSS全总结

作者: Alkaidx | 来源:发表于2016-12-06 17:06 被阅读23次

    首先,咱们得先知道CSS是啥?CSS全称是 Cascading Style Sheets,翻译过来就是层叠样式表。这么说可能不形象。如果说html是咱们做的一个雕塑,那么css就是上色,并且更加强大,还能够在原本的基础上进行改进结构。。。

    首先是三种引入方式

    • 外部引入

      <link rel="stylesheet" type="text/css" href="index.css"/>
      
    • 内部嵌入

      <style type="text/css"> p { color:red; }</style>
      
    • 行间样式

      <p style="color:red">红色</p>
      

    还有一个@import这个暂时先不说。

    然后知道怎么往html里面加css之后就要正式开始写啦!

    首先要定位,html里面的元素,那就给先使用选择器获取

    css全总结之选择器篇

    说完了选择器,就当于把雕塑的胚子拿到了,接下来就可以开始美化啦!我们就继续,说下属性:

    css全总结之基本属性

    然后基础讲完了,就开始布局:布局有很多种,利用浮动,负margin,定位,flex,还可以用bootstrap的栅格系统等等:

    css全总结之布局

    最后说下兼容性
    如果遇到一个属性想知道兼容性,在哪查看? caniuse
    花一天时间整理出来,发现自己有很多的不足,但是明白了不足才好去弥补啊!!!!!

    感谢饥人谷的资料

    相关文章

      网友评论

          本文标题:CSS全总结

          本文链接:https://www.haomeiwen.com/subject/lrhupttx.html