关键字:CSS代码
  • 掌握这8个CSS开发工具让你瞬间成为开发高手
    CSS是Web开发的基础之一。但是,我们中的一些人却感到非常困惑。这是因为我们没有遵循适当的学习流程,因此我们很难理解CSS的行为。本文旨在通过两种方式为你提供CSS的学习帮助:借助专用工具对CSS进行编码以及通过一些交互环境学习CSS。网 ...
  • 简单代码实现H5下拉刷新和触底加载更多
    首先说一下实现原理: 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY; 监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0表 ...
  • 横向对比Sass、Less和Stylus的共同特性
    本文目录: 1.Sass、LESS和Stylus的基本语法 2.变量(Variables) 3.作用域(Scope) 4.混合(Mixins) 5.嵌套(Nesting) 6.继承(Inheritance) 7.颜色函数 8.导入(Impo ...
  • 前端基础——页面架构
    1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式,并且不同的浏览器默认的样式不同,而通常我们的产品设计中样式都是不同于浏览器默认样式的,所以我们在开发中经常要去覆盖默认的样式,针对不同的浏览器 ...
  • 前端工程化——工程规范
    要成为通用的变成产品,程序必须按照普遍认可的风格来编写. -- 《人月神话》 从事软件开发以来,“规范”对我们其实并不陌生,但是到底什么是规范呢?规范为什么这么重要?怎么做好项目规范?在实际项目中,我们也常常强调规范,在项目初期也会制定相 ...
  • web前端入门到实战:H5网页布局+css代码美化
    HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li 可用于浅色副标题 display:inline-b ...
  • 微前端实践——基于事件通信的前端微服务通信框架obvious.js
    obvious.js 轻量级的前端微服务通信框架 github: https://github.com/SMIELPF/obvious image 介绍 要说前端微服务自然绕不开后端微服务,一个技术或概念的出现并不是凭空产生,而是为 解决开 ...
  • web前端入门到实战:行内和块状元素水平居中与单行或多行文本垂直居中及隐性改变display类型
    行内元素水平居中如何设置?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 1 2 3 4 ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • web前端入门到实战:常用的5个css代码(scss mixin)
    封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...

暂无数据