css复习总结

编程知识 更新时间:2023-04-06 08:02:44

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

本文发布于:2023-04-06 08:02:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/e0c9f4c75fc67d91ec0180492c62d41b.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:css

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 48794文章数
  • 14阅读数
  • 0评论数