文章介绍了CSS中的定位技术，包括static、fixed、relative和absolute，以及overflow的可见性设置和浮动元素的影响。此外，还提到了CSS3的新特性，如border-radius、box-shadow、border-image和渐变效果。
今天对着菜鸟教程把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渐变：线性渐变和径向渐变
扫一扫
930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
