css用于控制文档样式，包括但不限于字体，宽高，背景，边框等
先简单介绍一些常用css属性
1.width和height （宽高）
这应该是最基本的显示属性了。
你可以直接指定一个块级元素（比如div）的宽和高。
如：
<div style="width:100px;height:100px;background:#fd0;"></div>
行内元素（如a）的宽高由其内部元素决定，直接指定，无效。
如：
<a style="width:10px;height:200px;background:#fd0;">这是一段长长地文本</a>
初学者知道 width 和 height 设置宽高就足够，其他的作为了解，遇到问题再回头搜索查询即可。
2.background （背景）
准确说，background是一堆属性的简写集合。
background-color（背景色）：#999,#123456,rgb(0,0,0),red等；
background-image （背景图像）: url("path/bgFile.gif");
background-repeat （重复方式）: repeat-x ,repeat-y , repeat , no-repeat;
background-attachment （背景图片的固定方式）: fixed , scroll;
background-position （背景图片起始位置）: X轴坐标,Y轴坐标 [top,bottom,center,left,right,20px,10%];
比如:
<div style="width:100px;height:100px;#FC6;background-image: url("path/bgFile.gif");background-repeat: no-repeat;background-attachment: fixed;background-position: left top;" >this is a test.</div>
之所以说background是一堆属性的简写集合，是因为，你可以将上面的样式简写如下：
<p style="width:100px;height:100px;background: #FC6 url("path/bgFile.gif") no-repeat fixed left top;" >this is a test.</p>
初学者知道 background-color和background-image就足够，其他的属性作为了解，遇到问题再回头搜索查询即可。
3.font （字体）
准确说，font也是一堆属性的简写集合。
font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;
font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;
font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）;
font-size（字体大小）: 可通过多种不同单位（比如像素或百分比等）来设置, 如：12xp，12pt，120%，1em
比如：
<p style="font-family:Georgia;font-style:italic;font-variant:small-caps;font-weight:bold;font-size:40px;" >this is a test.</p>
之所以说font是一堆属性的简写集合，是因为，你可以将上面的样式简写如下：
<p style="font: italic small-caps bold 40px Georgia;" >this is a test.</p>
字体的简写顺序依次是 ：font-style | font-variant | font-weight | font-size | line-height | font-family
初学者知道 font-family，font-size，font-weight 就足够，甚至顺序也不用强记，用多了自然熟练。
4.border （边框）
同样 ，border 也是一堆属性的简写集合。
border-style （边框样式）:dotted,solid,double,dashed等
border-width （边框宽度）:2px,0.1em等
border-color （边框颜色）:#fd0,red,rgb(33,44,55)等
比如：
<p style="border-style:dotted;border-width:1px;border-color:blue;" >this is a test.</p>
之所以说font是一堆属性的简写集合，是因为，你可以将上面的样式简写如下：
<p style="border:1px dotted blue;" >this is a test.</p>
边框的简写顺序是：border-width | border-style | border-color
另外，你可以对上下左右四条边框设置独立属性。
border-top
border-bottom
border-left
border-right
比如：
<p style="border:1px dotted blue;border-bottom:2px solid black;" >this is a test.</p>
--------------------------------------------- 最后再说两句 ------------------------------------------------------------
说点和css属性无关的问题：
色值：
颜色由红（red），绿（green），蓝（blue）三原色组成，故色值又称为是rgb值。
用rgb表示颜色，直接用数值表示出红绿蓝在这个颜色中所占的比例就好，值在0~255之间，0表示没有，255表示份额全满。
比如，rgb（255，0，0），很显然，红色占了255份，绿色和蓝色一点都没有，这个就是红色。
再比如，rgb（0，0，0），很显然，一点颜色成分都没有，这个是黑色。
而16进制表示法，仅仅是将0~255的数值用16进制数表示，比如，rgb（255，0，0），16进制写法就是#ff0000，
红色的255对应前两位ff，绿色的色值0对应中间两位00，蓝色的色值0对应末尾的两位00。
再比如 rgb（0，0，0），16进制写法就是#000000；
对于#xxyyzz这种重复的写法，又可以简写做#xyz；
比如，#ff00000,就可以简写为#f00；
长度：
一般来说，初学者知道px代表像素就足够了。
如果不满足，可以在网上搜一搜em，和rem了解下。
来源：https://www.cnblogs.com/yczhu/p/5056552.html