今天对着菜鸟教程把css看了看，熟悉了下里面的知识点，自己简单做了个记录

position定位

  • static没有定位，可理解为网页默认样式

  • fixed （如果定位相对于网站上面的导航栏，那么即使网页拖动，定位元素和导航栏上面的定位关系也不改变）

  • relative 相对定位，相对其自身之前的位置进行的定位，使用后便对其之前的位置做出相应的改变

  • absolute 绝对定位，其位置定位是相对于最近的上层已定位的父元素，没有已定位父元素则直接相对于<html>

overflow

visible 默认值，超出元素会在元素框之外

hidden 超出部分进行隐藏

scroll 超出部分自动以滚动条进行展示

auto 主要就是超出之后可以自动以滚动条进行展示

float

使用浮动元素会脱标，即脱离标准流，会显示在其他元素的上面

左右对齐的实现可以借助定位，

图片的居中对齐可以通过 margin:auto(前提是放置的区域必须是块级元素)

CSS3

border-radius可以设置盒子圆角

box-shadow设置盒子阴影

border-image设置外边框背景图

css3中可以通过background-image来设置多张显示背景

css3渐变：线性渐变和径向渐变

更多推荐

css复习总结