关键字:定位
  • 锚点定位和动态导航
    需求:右侧有导航栏,点击可以跳转到页面指定位置,同时页面滚动到指定的位置,右侧的导航栏也根据位置进行高亮变化。 CSS部分代码 body, html { /* 让页面的跳转是滚动过去的效果,默认属性是auto(立即跳转) */ ...
  • web前端入门到实战:CSS的逻辑属性与盒子模型
    首先开篇之前先提个问题: 为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 先不要急着往下翻,大家先思考一下。 这个问题的答案,鱼头会在文章中给出,欢 ...
  • Flex布局(1)
    .user { width: 500px; height: 500px; ...
  • 人人都可以学会建网站,但是web前端工程师却能月薪上万,知道为什么吗?
    互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高,导致网站开发难度越来越大,但同时,伴随着的是开发人员的是高福利高工资,让很多人想加入到这个行业中,那么怎样才能成为一名前端开发人员呢?应该学习哪些知识呢 首先,学习之前要 ...
  • html2canvas+jspdf踩坑之路
             最近刚完成了项目中所有模块的详情页导出pdf功能。本来开始后端接了这个活,前端只要传过去单号就好,可是做到最后一直实现不来,页面总是显示一半,于是,后端把活让给了我?          还好,同组的其他伙伴项目中有用到过, ...
  • 网站页面设计笔记--前期准备与Header制作
    前期准备 1.建立文件结构。然后分成资源和提供两个文件夹。一个存入本地使用,一个存入外部引入(Grid布局和normalize css在外部)再分别放入图片/css/js之类的 image.png 2.通过link使用文间结构中的css i ...
  • web前端入门到实战:在CSS中解决内容过长的问题
    当我们写css的时候,有时候会忘记设计里面存在的临界情况。举个例子来说吧,当内容的长度超过了我们的期望值,我们也无法解释其中的可能性,页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作,但至少我们可以用不同类型的内 ...
  • web前端入门到实战:CSS通用数据类型
    CSS中属性的值有着许多种格式。为了让用户代理(即浏览器)能够识别一个值是否有效,则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型,在规范中用的形式标识。 CSS中存在两种数据类型——特定数据 ...
  • 从零搭建项目(4) --- 前端: 开发体验优化
    我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...
  • web前端入门到实战:CSS 解决背景显示范围的问题
    过去在学习CSS的时候,首要任务就是要理解“box model”,因为box model是CSS里头很重要的模型概念,描述了padding、margin、border与content的空间定位,今天的项目竟然卡在一个简单的小问题,因此就用一 ...

暂无数据