首先,咱们得先知道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里面的元素,那就给先使用选择器获取
说完了选择器,就当于把雕塑的胚子拿到了,接下来就可以开始美化啦!我们就继续,说下属性:
然后基础讲完了,就开始布局:布局有很多种,利用浮动,负margin,定位,flex,还可以用bootstrap的栅格系统等等:
最后说下兼容性
如果遇到一个属性想知道兼容性,在哪查看? caniuse
花一天时间整理出来,发现自己有很多的不足,但是明白了不足才好去弥补啊!!!!!
网友评论