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






小123654

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

06 2021 档案

 
CSS补充
摘要:背景颜色的渐变: background: -webkit-linear-gradient(渐变的起始位置, 颜色 位置,颜色 位置...) /* background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%) */ 前面的 阅读全文
posted @ 2021-06-17 21:23 小123654 阅读(46) 评论(0) 推荐(0)
BFC(块级格式化上下文)
摘要:BFC(块级格式化上下文):是一个独立的渲染区域,里面的内容浮动不影响区域外的元素 给元素添加以下属性可以触发BFC: - float 属性不为none - position 为 absolute 或 fixed - display 为 inline-block,table-caption,fiex 阅读全文
posted @ 2021-06-16 21:04 小123654 阅读(118) 评论(0) 推荐(0)
CSS精灵技术
摘要:transition:要过渡的属性 花费时间 运动曲线 何时开始 如 transition: width 0.5s ease-in 0s(立马开始的意思); 写到所需要的标签上,不写到hover里 如果想要所有属性都变化用all transform:translate(100px或者50%); 是以 阅读全文
posted @ 2021-06-11 16:03 小123654 阅读(76) 评论(0) 推荐(0)
实战:携程网布局应用
摘要:实现布局效果 因为没有图片,暂时用背景颜色替代 头部部分+nav部分 需要在body里面设置最大宽度最小宽度,头部其实没什么好写的,就是伸缩的时候设置宽度为100% 1 2 body { 3 min-width: 320px; 4 max-width: 540px; 5 margin: 0 auto 阅读全文
posted @ 2021-06-11 11:08 小123654 阅读(183) 评论(0) 推荐(0)
实战:学成网案例
摘要:最终实现效果 学成在线首页 (szadvertising.com) (只是截了个图,没有psd文件) 一、先做logo和navbar部分 1、截图网站进行了logo部分切图(使用的) 2、再做好整体的框架,一部分logo,一部分navbar,用来放置首页,课程,职业规划 代码如下 1 <!DOCTY 阅读全文
posted @ 2021-06-03 17:00 小123654 阅读(820) 评论(0) 推荐(0)
css四种定位
摘要:浮动和定位的分别: 浮动目的是多个块级元素一行显示 定位主要是移动位置,让盒子移动到想要的位置上去 一、position:static 静态定位:对于边偏移无效的(left,top属性无效),一般用来清除定位,一个原来有定位的盒子,不想加定位了,就用这个 二、position:relative 相对 阅读全文
posted @ 2021-06-02 09:53 小123654 阅读(197) 评论(0) 推荐(0)