CSS
CSS 尺寸/宽高属性（width/height）
CSS尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS中提供了width、height、max-width、min-width、max-height和min-height等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。
CSS外边距属性（margin）
一、CSS外边距属性（margin）属性描述margin简写属性。在一个声明中设置所有边距属性margin-bottom设置元素的下外边距属性margin-left设置元素的左外边距属性margin-right设置元素的右外边距属性margin-top设置元素的上外边距属性CSSmargin(外边距)
CSS内边距属性（padding）
CSSpadding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。当元素的padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用padding属性可以改变上下左右的填充。值说明length规定以具体单位计的填充值，比如像素、厘米等。
CSS边框图片（border-image）
对于元素的边框我们除了可以使用之前介绍的一些默认样式外，还可以通过CSS3中的border-image属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。border-image属性可以通过一些简单的规则，将一副图像划分为9个单独的部分，浏览器会自动使用相应的部分来替换边框的默认样式。
CSS长度单位详细总结
⼀、CSS中的长度单位在CSS中以不少值是以长度作为值的，盒⼦模型的属性就是⼀些明显的值属性：width、height、margin、padding、border。除此之外还有很多的css属性的值同样也是长度值，像偏移量offset、box-shadow的⼤⼩或字体⼤⼩、间距等，
CSS圆角属性（border-radius）
在制作网页的过程中，有时我们可能需要实现圆角的效果，以前的做法是通过切图（将设计稿切成便于制作成页面的图片），使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了，CSS3中提供了一系列属性来设置元素的圆角效果，如下所示：border-top-left-radius为元素左上角设置圆角效果
CSS轮廓(outline)
1.概念轮廓(outline)是绘制在元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。