关键字:使用
  • web前端入门到实战:来做一个简单的蔚来汽车官网首页
    首先来看看蔚来官网长什么样子 不会做动图,所以具体效果可以去蔚来官网看 HTML 根据效果,我们来分析一下 页面加载进去后会有黑色的背景,然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片,否则不会有黑色背景和图片的动画那么 ...
  • web前端入门到实战:css预处理器 - sass/scss、less、stylus
    css 预处理工具,可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架 Sass的缩排语 ...
  • web前端入门到实战:CSS清除浮动的方法,通过项目解析总结
    网页布局中经常会用到float浮动,但是浮动的块级元素脱离了标准文档流,使得浮动元素的父元素没有高度,导致父级元素没有高度,所以需要清除浮动对父级元素的影响,本文介绍清除浮动的几种方法。 清除浮动影响的几种方法: 给父级元素设置高度 效果 ...
  • web前端入门到实战:使用CSS隐藏元素滚动条
    如何隐藏滚动条,同时仍然可以在任何元素上滚动? 首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动 ...
  • web前端入门到实战:加空格的方式
    一. " " 键盘中的按键space键,在HTML、字符串中都会被压缩成一个 二.   w3cschool描述为 HTML中的常用字符实体是不间断空格( ).在HTML中直接按space敲出多个空格只会保留一个, 用于与添加多个空格,也能用 ...
  • web前端入门到实战:一次搞懂CSS字体单位:px、em、rem和%
    对于绘图和印刷而言,“单位”相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px、em、rem…等),这篇文章将整理这些常用的CSS单位,也帮助自己未来在使用上能更加得心应手。 “网页”和 ...
  • web前端入门到实战:深入解析CSS FlexBox
    Flexbox是一个CSS3的盒子模型(box model),顾名思义它就是一个灵活的盒子(Flexible Box)。 Flexbox模型概念 第一步要来看Flexbox的盒子模型,根据W3C文章所描述,flex的盒子模型如下图所呈现,与 ...
  • 弹性盒模型
    Flex的基本概念 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; } 行内样式也可以使用Flex布局 .box{ ...
  • 一: 块级绑定 let和const
    前言 该部分为书籍 深入理解ES6 第一章(块级绑定)笔记 var 声明 与变量提升 使用 var 关键字声明的变量, 无论其实际声明位置在何处, 都会被视为声明于所在函数的顶部 正因为变量提升的问题, 在 ES6 中引入了块级作用域, ...
  • 二: 字符串扩展 正则表达式扩展
    前言 该部分为书籍 深入理解ES6 第二章(字符串与正则表达式)笔记 更好的 Unicode 支持 不了解, 暂不做了解 正则表达式的改动 暂不做了解 增加 u 标志 增加 y 标志 复制正则表达式 flags 属性 字符串的其他改动 St ...

暂无数据