摘要：
position:sticky粘性定位 sticky是css定位中不太常用的一种定位，但是可以根据粘性定位的特性 在页面中达到你想要的效果。 像是某些网站，在主导航栏下面还会有副导航栏，要实现页面往下拉，副导航栏一直定位在页面顶部，除了可以用js监听onscroll事件来实现，还可以通过sticky 阅读全文
摘要：
先上效果图 鼠标移动到每个月份，下面内容对应显示当月的活动内容 HTML代码 CSS布局 JS部分 阅读全文
摘要：
通过CSS3动画实现内容在特定区域滚动播放，当鼠标指上去的时候停止滚动 这里是ul列表内容总共十张图片，但是为了播放的连续性，又复制了一份li，这样就不会出现间断 通过animation-play-state:paused实现鼠标指上去停止滚动播放 给ul列表加了display：flex让li横向排 阅读全文
摘要：
通过js，实现点击视频，视频弹窗并自动播放 HTML代码 网页页面显示 js代码部分 弹窗显示 点击弹窗视频右上角关闭弹窗 停止播放 这里通过video的play属性实现点开之后自动播放 点击关闭之后 video的pause来停止视频的播放 阅读全文
摘要：
选取几张图片然后用HTML放入图片，CSS布局，js用setInterval设置时间延时 进行自动播放 代码部分： HTML CSS JS 显示效果： 阅读全文
摘要：
格式： 上面的n可以是一个数字、数组、字符串。 当n与a匹配上的时候，则执行当前case下面的输出语句，如果有break存在，name在输出之后会马上跳出当前switch语句，若当前case输出语句后面没有break，则输出当前case语句之后继续执行判断，直到break跳出当前switch。 ca 阅读全文
摘要：
通过css设置HTML页面上的显示、隐藏有以下几种方法： 通过下面的页面更加清楚的了解： 当前显示为： 1.用display:none进行设置 现在对part3加入display:none 页面显示： 可以看到，现在part3被隐藏了 2.用透明度opacity进行设置，当opacity值为0时，p 阅读全文
摘要：
container属性设置了上下外边距为0，左右自动，在整个页面中布置了一个自动左右居中的区域，根据页面布局的需要，所有适合这样布局的部分，都可以嵌套在container下面，作为container的子级。 container可以根据子级的内容，自动调整布局，针对整个页面进行设置。 上面的代码得到下 阅读全文
摘要：
在平时写代码的时候，会遇到内容或者背景不能完全贴合到页面边框的情况，仔细找一下，会发现是浏览器给body设置了外边距。 可以看到，浏览器bdoy自设了8px的外边距，因此，在开始之前，应该先对页面进行初始化设置。 这样，就基本完成了初始化，可以自己根据需要设置内容边距了 通常情况下，页面布局中会用到 阅读全文
摘要：
在用CSS给页面内容添加样式时，id和class是常用的选择器。 id: 同一个HTML页面不允许出现相同的id，id选择器适用于一些特定的属性添加，用 #id值 来定义。 class： class属性可以出现很多次，经常遇到页面中很多地方会用到相同的样式，例如，页面中，a标签里面加链接的内容通常不 阅读全文