• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
暮迟
博客园    首页    新随笔    联系   管理    订阅  订阅

CSS

三大特性:

  继承、层叠、优先级

  继承     能继承的:字体、颜色、背景色
    不能继承的:高度、宽度、边框
  层叠
    作用在一个元素上,可以层叠
  优先级
    !important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
    无论如何都需要显示,在css语句后边加!important

 

三大重点:

  盒子模型、浮动、定位

 

  盒子模型:网页布局都是无数个盒子构成的
    盒子嵌套时

      (1)上下元素时,上边设置了外边距,下边也设置了。取最大的      

      (2)嵌套时父盒子,没有内边距的。而子盒子有外边距,可以加白色边框  或者是overflow 溢出 hidden

  浮动:用的很多
      脱标(即脱离标准流),能对盒子排版。将块级元素变成行内元素
      排版:将需要浮动的盒子,放在一个大盒子里边
      这样就方便我们排版,但是带来的问题:
      父盒子不会有占位功能解决:
        1.overflow 溢出 有弊端
        2.css 最为常用
        3.添加div块
  定位:定位分四种
    静态定位   static:默认的,普通流
    绝对定位   absolute:没有占用盒子位置
    相对定位   relative:属于标准流,占用了盒子位置
    固定定位   fixed:定了位置就不动了。比如:广告、赌博网站、联系客服等
    使用方式:
      父盒子使用相对定位,子盒子用绝对定位(子绝父相)

  

posted @ 2019-08-25 20:11  暮迟  阅读(85)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3