css
凡人在世
这个作者很懒,什么都没留下…
展开
-
css 实现图片动态效果
使用方法 利用hover伪类 操作流程 首先确定要实现的效果 设置初始表示状态 动画用到的css属性 transition 属性 transition-property 规定设置过渡效果的 CSS 属性的名称。 ( none 没有属性会获得过渡效果。 all 所有属性都将获得过渡效果。 property 定义应用过渡效果的 CSS 属性名称列表,列表以逗号分隔。 ) t翻译 2017-05-11 20:29:10 · 11362 阅读 · 0 评论 -
二级菜单的实现
导航栏布局借助于 标签 菜单的显示与隐藏借助于:hover伪类 html代码如下 首页 课程大厅 javascript jquery 学习中心 视频学习 案例学习 交流平台翻译 2017-05-23 09:11:31 · 6519 阅读 · 0 评论 -
三级菜单的实现
三级菜单的实现 三级菜单的实现与二级菜单相类似 实现方法有 jQuery js css html代码布局如下 首页 课程大厅 学习中心 + 前端开发 + javascript css jquery翻译 2017-05-24 09:32:45 · 3138 阅读 · 0 评论 -
css实现返回首部和滚动监听的原理
在页面中实现返回首部 原理将连接到顶部的其中一个标签 当点击这个链接时 可以实现返回顶部 js 在里面实现返回图标的出现 注意的是实现的逻辑为 考察滚动条距离顶部的距离 方法为 document.documentElement.scrollTop document.body.scrollTop原创 2017-07-05 14:55:36 · 1590 阅读 · 0 评论 -
实现块级元素垂直居中
代码如下 html: css: .content{ position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);转载 2017-09-16 21:55:11 · 341 阅读 · 0 评论 -
元素居中问题
这篇笔记是根据小薇导师提供的参考资料完成的附上原网址:https://css-tricks.com/centering-css-complete-guide/1.水平居中for inline, inline-block, inline-table, inline-flex……(前提:该元素的父元素为块级元素)element { text-align: center; } for blo...转载 2018-04-18 19:56:19 · 114 阅读 · 0 评论 -
三栏式布局
本任务主要是利用css完成三栏式布局。关于三栏式布局,常规情况下,可以使用float实现,也可以使用relative来实现。 但是,如果要求左右两层定宽,中间层的宽度随浏览器窗口宽度变化而变化,这种情况下,就适合使用圣杯和双飞翼布局。通过对圣杯及双飞翼布局学习之后,我认为两种布局的主旨是在html结构中,使中间的主体层位于左右两层的前面。任务效果图: 基本思路及区别:1.两种布局的基本构思为:首...转载 2018-04-18 20:03:16 · 200 阅读 · 0 评论 -
flex布局
容器常见的属性: flex-direction 属性决定主轴的方向(即项目的排列方向) .box { flex-direction: row | row-reverse | column | column-reverse; } flex-wrap 如果一条轴线排不下,如何换行 .box{ flex-wrap: nowrap | wrap | wrap-reverse; ...翻译 2018-10-03 20:39:20 · 157 阅读 · 0 评论