在初级的前端工作人员， 刚入职的时候，可能在学习前端技术，写代码不是否那么的规范，而在工作中，命名的规范的尤为重要，它直接与你的代码质量挂钩。网上也受很多，但比较杂乱，在加上每年的命名都会发生一变化。另外，本文也对设计来说也很重要。页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及 …
最新内容
效果两句css代码实现全屏滚动效果html代码第一屏内容在父容器上使用scroll-snap-type 属性 第一个参数y 是y轴捕捉位置 mandatory 超过距离则自动滚动到下一个容器 scroll-snap-type:y mandatory在需要滚动的容器上使用 scroll-snap-align 属性 start 开始部分 end 结束部分 cen …
本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CSS 动画由规范 -- CSS Animations Level 1 定义。CSS 动画用于实现元素从一个 CSS 样式配置转换到另一个 CSS 样 …
为了让我们的信息能够有效地沟通，我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法，并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的，这意味着你不需要在网站上写一行 JavaScript 代码就可以，仍然有很大的灵活性。 预览：http:www.slashie.o …
编辑导语：产品中我们经常会遇到上下滑动的页面，比如我们在进行预览页面时，需要上下滑动进行查看；本文作者分享了关于实现移动端页面上下滑动效果的Axure教程，我们一起来了解一下。案例展示：https:ctm29p.axshare.com#id=1btojr工具：Axure RP9本文章会介绍2种实现页面上下滑动效果的方法（学会这两种方法就够用了）。01 方法一 …
简介CSS 是什么？CSS是Cascading Style Sheets的简称，中文称为层叠样式表。属性和属性值用冒号隔开，以分号结尾。CSS 四种引入方式：1.行内式行内式是在标签的style属性中设定CSS样式。2.嵌入式嵌入式是将CSS样式集中写在网页的标签的标签对中。????...????????????...此处写CSS样式????3.导入式将一个 …
前言今年的 CSS 现状调查 新鲜出炉了。和往年一样，调查报告中，中国区贡献少的可怜，甚至还没印度的高。可能他们的传播方式主要是国外渠道，比如 Twitter 的原因吧。以下多图预警！State Of CSS 2021介绍木匠是否需要每隔几年就要学习一种新的、更好的锯木板的方法？画家们还会因为仍然在使用油画颜料而觉得自己是个骗子嘛？还是只有我们这些前端开发人 …
前端开发小伙伴们在页面布局的时候是不是经常会用到offsetHeight，今天就来讲下用法。offsetHeight 是 HTML 元素的属性，用于获取元素的物理高度（包括内边距、边框和水平滚动条，但不包括外边距）。它返回一个整数值，表示元素的垂直尺寸。用法详解基本语法element.offsetHeight;element：这是一个指向 HTML 元素的引 …
JS方法：$("body").attr('style','overflow-y:hidden') 这个是解决竖状滚动条横向 需要把overflow-y改成overflow-x即可CSS办法：一、防止图片撑破DIV方法一 原始处理方法是将要展示的图片进行处理。比如你的DIV宽度为500px（像素），那你上传的图片 …
视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验我们可以把网页解刨成：背景层、内容层、悬浮层使用css形式实现视觉差滚动效果的方式有：background-attachmenttransform:translate3Dbackground-attachment作用是设置背景图像是否固定或 …