tips：window.onload 和 $(function)异同：两者的功能相同，都是等到页面加载结束之后，再执行内部的代码。但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。
一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。
今期我们又来做一些花里胡哨的特效，就是模仿 macOS 的 Dock 这个图标放大的效果：
Waline 的初始化挂载器。必须是一个有效的 CSS 选择器 或 HTMLELement 对象。
有时候我不是很理解聊天斗图的现象，年轻人也就罢了，但我这种四十多岁的圈子里，居然还盛行聊天斗图这种风气…一把年纪了还当斗图狂魔…
margin:0;
以抖音13.6.0版本为例 首先通过节点抓取工具，获取表情图片的id为“bfc” 然后遍历表情组件，再随机点击一个 需要注意的是，有的会话页是没有这个推荐表情的，所以在代码中需要做组件是否存在的判断
【需求】：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow
我首先想到的就是黑客，每年都有那么一批 “有志之士”，利用自己的技术去攻击别人的电脑、违反网络安全。
2.内部的Box垂直方向上的距离由margin决定。（完整的说法是：属于同一个BFC的两个相邻Box的margin会发生折叠，不同BFC不会发生折叠。）
Hybird App之选择器详解(一) 学习混合app开发，要学会一些基础才能上手。本文主要介绍ID选择器、属性选择器、后代选择器、子元素选择器，其中ID选择器和属性选择器较为常用 ID选择器详解 1、ID选择器： ID选择器类似于类选择器；不过也有一些重要差别 例如： #id{} index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器</title> <l
CSS已成为Web设计不可或缺的一部分，它让web页面变得更加美观，更具设计感。在前端面试中，CSS面试题也占有一定比重。 本篇文章，将为大家分享45个和CSS相关的面试题及其解析，难度分为：初级、中级、高级三个部分，由易到难，循序渐进。
CSS 选择器的作用是按照 CSS 规则定位 HTML 页面的一个或多个元素。浏览器在解析 HTML 页面时，会根据 CSS 规则中的选择器定位 HTML 页面的元素，并为对应的元素设定样式。
注：从上述两个例子中我们可以看出，子代选择器只选择指定标签的第一代子元素或者理解为它的直接后代（只指定儿子，而不管孙子），后代选择器是作用于所有子后代元素（不只儿子，还可以选择到孙子，重孙子等等）。
在上一篇文章中，20个惊艳的React组件库，每一个都值得收藏（上），我们一起探索了10款令人惊艳的React组件库，它们各自以独特的功能和优势，极大地丰富了我们的React开发工具箱。今天，我们将继续这一系列的分享，从React Markdown到React Copy to Clipboard，为大家介绍另外10个同样值得收藏的React组件库。这些组件库覆盖了从文本处理到布局管理，再到交互增强等多个方面，旨在帮助开发者提升开发效率，打造更加丰富和人性化的应用体验。
VanBlog 是一款简洁实用优雅的高性能个人博客系统。支持 HTTPS 证书全自动按需申请、黑暗模式、移动端自适应和评论，内置流量统计与图床，内嵌评论系统，配有完备的、支持黑暗模式、支持移动端、支持一键上传剪切板图片到图床、带有强大的编辑器的后台管理面板。 预览图 特性 [x] 快到极致的响应速度，Lighthouse 接近满分。 [x] 独一份的按需全自动 HTTPS，甚至不用填域名。 [x] 包括完整的前后台和服务端。 [x] 前台和后台都为响应式设计，完美适配移动端和多尺寸设备。 [x] 前台和
这些都是CSS中最基本的选择器。 层次选择器，就是通过元素之间的层次关系来选择元素。 层次选择器在实际开发中也是相当重要的，常见的层次关系包括:父子、后代、兄弟和相邻。
在模块定义不太稳定的阶段，浏览器会采用厂商前缀实现某个特性。它允许早起采纳者试用浏览器实现的新属性。
一、元素的id和class id 和 class 是元素最基本的两个属性，一般情况下，id 和 class都是用来选择元素，进而进行CSS操作或JavaScript操作。 1.id属性 id属性具有唯一性，也就是说一个页面中相同的id只能出现一次。 若出现多个相同id，那么CSS或JavaScript会无法识别，这个id对应的是哪个元素。 2.class属性 class，类。思想和别的编程语言相似。 我们可以通过为同一个页面的相同元素或不同元素设置相同的class，然后使得具有相同clas
jQuery是开源软件，使用MIT许可证授权。 jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择文档对象模型（DOM）元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的动态网页以及网络应用程序。
并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 , 逗号隔开 ;
注意点: 特点:所有类型的 多深都能找到 只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input…) 格式: 标签名称{ 属性:值; }
它涉及设定规则，让浏览器自动处理。你可以改变边距、字体和大小，但这只是浅尝辄止，你懂的吗？
上一节我们已经掌握了常用css选择器和css的一些常用属性，本节我们进一步扩展css选择器的内容包括内容如下：
这部分我们将介绍一下如何使用valine实现评论功能。Valine 是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。
CSS ( Cascading Style Sheets ) 层叠样式表 有 3 种引入方式 :
「前端实验室」 专注分享 Github、Gitee 等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。
在HTML中通过使用 <style> 标签引入CSS样式， <style> 标签用于为HTML文档定义样式信息； <style> 标签位于 <head> 标签中，它规定浏览器中如何呈现HTML文档； 在 <style> 标签中，type是必须属性，用于定义style元素的内容，值为“text/css”；
jquery选择器允许对html中的元素组合单个元素进行操作，jquery的选择器和css的选择器几乎大同小异，大致分为元素选择器、id选择器和类选择器。jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素，基于已经存在的css选择器，另外，jquery也支持自定义选择器。
id > 类 > 标签 > 通配符(也算直接选中) > 继承 > 浏览器默认（即没有设置任何属性）
例如： 所有的样式，都包含在 <style> 标签内，表示是样式表。<style> 一般写到 </head> 上方
⚠️我们可以通过类选择器进行对应标签的内容格式的修改,如果是多种样式修改叠加,可以在类选择器里面设置多个变量,然后再通过CSS进行对应格式的设置.
经过几天的学习,看完了30多P视频,HTML的基本知识已经学完啦,HTML知识最简单的部分,现在终于要学习CSS啦!!超级开心.
在用html5写网页的时候，结合CSS能够让页面更美观。由于只在做课程设计和实习的时候使用过，并没有系统的学习过，使得自己对于CSS的使用一直处于能用，但是容易弄混的阶段。为了弄清楚CSS样式表的使用，特地看书系统学习，现总结如下：
在使用 多个类型的 基础选择器 进行 组合 时 , 如 交集选择器 / 后代选择器 等 , 涉及到将 多个 基础选择器 的 权重进行叠加 ;
CSS选择器常用的是标记选择器、类别选择器、包含选择器、ID选择器、类选择器等。使用选择器即可对不同的HTML标签进行控制，从而实现各个效果。下面对主要的选择器进行详细的介绍。
E:first-child 选择器 : E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个 E 类型标签 子元素 ;
前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。
CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置 style 样式 ;
HTML5学堂：CSS优先级所谓优先级是指CSS样式在浏览器中被解析的先后顺序。 CSS选择器的优先级：id > class > tagname。具体我们来看看本文给大家讲解的CSS选择器优先级。 什么是CSS选择器优先级 在我们使用CSS进行样式设置时，首先需要选择到相应标签，此时我们会使用到CSS选择器进行标签的选择。当多种选择器均选择到了一个标签时，且均进行了样式的设置，那么到底哪种样式生效呢？此时就会涉及到我们的CSS选择器的优先级问题。 demo <!doctype html> <html> <h
CSS3选择器再CSS2.1选择器的基础上增加了属性选择器、伪类选择器、过滤选择器，减少了对HTML类名或ID名的依赖，避免了对HTML结构的干扰，让编写代码更加轻松。
ID 选择器 使用 " #id " 选择 指定的 某一个 标签 , 使用 ID 选择器 步骤如下 :
上面 包含文字的 div 标签 , 同时被 两个选择器 选中 , 那么此时就 判定哪个选择器的权重大 , 就选择哪个选择器 ;
CSS(层叠样式表)控制着网页的样式，例如我们之前编写的HTML文件，文字的颜色都是默认的黑色，如果希望将文字设置成其他颜色，就需要CSS了，可以在HTML文件中填写如下代码，即可把一个h1标签的文字设置成红色;
说到选择器，大家可能会想到层叠样式表。在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。
在下面的 基础选择器 权重 中 , 继承父标签样式 的 权重为 0,0,0,0 ;
相信做过网页的对Css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在Css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于Html的一个美化装置，所以它必须依赖于Html才能发挥作用，那么今天我们就来深入了解下它吧。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
