关键字:伪类
  • web前端入门到实战:送给CSS初学者的悬停过渡动画三部曲
    CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码 项目设置 在这个项目中,我们将把过渡效果应用到一个class为 ...
  • web前端入门到实战:CSS :placeholder-shown伪类实现输入框浮动文字效果
    在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。 浮动的文字标签 当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的: label标签是关联表单 ...
  • jQuery加载;jquery选择器;选择集转移
    jQuery加载为什么JQuery写法弹出的速度快比JS原生写法先弹出,因为window.onload是把页面元素加载、渲染完才弹出,而ready()是把所有页面的节点加载完之后就弹出了,不用等渲染了代码:<h ...
  • 精通HTML5+CSS3需要学什么?
    精通HTML5+CSS3需要学什么?主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。 一、vscode编辑器基本使用  vscode 基本使用  vs ...
  • 【前端进阶100天】Day02 CSS基础 CSS样式表 CSS选择符
    今日内容: 1、CSS简介 2、CSS语法 3、样式的创建(内部样式 外部样式 内联样式) 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、HTML、CSS注释 一、CSS简介 CSS英文全 ...
  • 前端三大技术 HTML、CSS、JavaScript 快速入门教程
    听到前端技术,不少朋友一定会感到有些陌生。但其实,前端,你每天都在接触。 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端。 而前端最重要的三大技术,HTML,CSS,JavaScript,则是每一个前端开发者必须具备的 ...
  • 详解 CSS 属性 - 伪类和伪元素的区别
    首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css ...
  • 前端总结
    闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内,禁止重复声明 for 循环中,设置循环变量那部 ...
  • 深入css布局(3)—— 元素的定位与浮动
    上篇我们讲解了不同类型元素的特点,我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的,如果我们想在布局中有遮挡,重叠之类的更丰富效果,我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...
  • css部分基础知识回顾(一)
    css盒子模型 css和模型有两种,第一种是标准盒子模型(content-box),另一种是怪异盒子模型(IE,border-box)。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...

暂无数据