admin管理员组

文章数量:1794759

css复习总结

css复习总结

今天对着菜鸟教程把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

版权声明：本文标题：css复习总结 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686968637a123587.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。