-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
hello，大家好今天我们继续分享爬虫的相关技术，今天我们分享的是html的基础知识。
position 属性的初始值是 static。如果把它改成其他值，就说元素就被定位了。而如果元素使用了静态定位，那么就说它未被定位。
CSS是层叠样式表(Cascading Style Sheets)的缩写，用于描述如何在屏幕、纸张或其他媒体上显示HTML元素，包括了定义网页及其元素的布局、风格、大小、位置和颜色等属性。
有时用户希望将我们的报表页面分享到其他的渠道，比如邮件、PPT等，每次都需要自己截图，一是很麻烦，二是截出来的图大小不一。
CSS 全称 Cascading Style Sheets , 层叠样式表 ; 作用如下 :
目录 一、层叠柱状图 1 初始化层叠柱状图和绘制层叠柱状图函数 2 构造函数里调用 3 draw_stackedBar函数 4 运行效果 5 层叠柱状图相关函数源码 二、百分比柱状图 1 初始化百分比柱状图和绘制百分比柱状图函数 2 构造函数里调用 3 draw_percentBar函数 4 运行效果 2.4.1 统帅的统计结果 2.4.2 百分比柱状图效果图 5 百分比柱状图相关函数源码 三、饼图 1 初始化饼图函数 2 构造函数中调用 3 饼图的窗体界面 4 drawPieChart函数
Qt样式表是一个可以自定义部件外观的强大机制，样式表的概念、术语、语法均受到HTML层叠样式表(CSS)的启发。
1.网页的构成：结构：html 表现：css 反映：JavaScript
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但偏基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。
一个web网页一般是由html、css、javascript、ajax四门技术实现出来的。html构成了网页的结构，css描述网页的样式，javascript完成事件逻辑比如点击、悬浮事件，ajax完成了前端和后台的通信。
1.z-index基础 z-index属性指定了元素及其子元素的[z顺序]，而[z顺序]可以决定 当元素发生覆盖的时候，哪个元素在上面。通常一个较大z-index值的元素会覆盖较低的那一个。 z-index支持的属性值： 1. z-index：auto；默认值，如果不对z-index设置，默认为auto； 2. z-index：<integer>；整数值，z-index：1，z-index：2等 3. z-index：inherit；继承 z-index基本特性： 1. 支持负值； 2. 支持CSS
最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~
网络爬虫又称网络蜘蛛、网络机器人，它是一种按照一定的规则自动浏览、检索网页信息的程序或者脚本。网络爬虫能够自动请求网页，并将所需要的数据抓取下来。通过对抓取的数据进行处理，从而提取出有价值的信息。
最近在项目中遇到了一个问题，menu-bar 希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因。
layui.use(‘layer’, function(){ //独立版的layer无需执行这一句
行高可以让一行文本在盒子中垂直居中对齐,文字的行高等于盒子的高度,行高-上距离-内容高度-下距离.
正常情况下，页面元素是从左到右和从上到下渲染（x、y 维度），但因为 margin 可以写负值，还有一些定位相关的 css 属性(absolute、relative、fixed、stick)，这就会导致元素之间可能重叠，重叠后就需要判断元素堆叠顺序，这就涉及到层叠上下文（Stacking context）了，相当于增加了 z 轴的维度。
如果有 两个相同类型 的 CSS 样式 作用在了 同一个 标签 上 , 那么就出现了 样式冲突 ,
Html 标签学习 排版标签 标题 h1、h2、h3、h4、h5、h6只有这六个 段落标签 p标签 段落之间有空隙换行 换行标签 br 空换行 hr 下划线换行 文本格式化标签 根据语境区分 b、strong 加粗 u、ins 下划线 i、em 倾斜 s、del 删除线 媒体标签 图片标签img 属性名、属性值 alt属性值作为替换文本、src属性作为图片链接、title属性在鼠标悬停时显示 width、height 很容易理解，控制图片宽高 路径 相对路径 绝对
如果把网页比喻成一个房子，HTML就是房子的地基和框架，决定了房子的结构；CSS是对房子进行装修，决定了房子的样式；JS为房子接上网线、水管，为房子提供功能。
亲爱的观众老爷们大家好～我发现我写文章都是因为工作碰到问题才写，什么探索最前沿的最讨厌了（其实是力有所不及）！言归正传，最近碰到的问题是这个：准备开发一个平台，随手写导航栏组件之时，发现层级错乱，无论如何调z-index都无法达到预想的效果，大致代码如下：
（一） 前言 Web应用以及包含超文本标记语言（HTML）、层叠样式表（CSS）、JS脚本的WEB页面，基于用户的操作（例如点击提交按钮），浏览器向WEB服务器发送请求，WEB服务器响应请求，返回给浏览器HTML及相关的JS、CSS、图片等资源，浏览器使用这些资源生成WEB页面，其中包含WEB各种视觉元素，例如文本框、按钮、标签、图标、复选框、下拉框、图片等，这些视觉元素或控件都被Selenium称为页面元素（webelements）。 想要让Selenium执行我们想要的操作，首先必须让Selenium
有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。
CSS当中的z-index属性看起来足够简单，但是如果你真的想了解它是如何工作的话，在这简单的表面之下，又有许多值得探究的内容。 在这篇教程中，通过探究层叠上下文和一系列实际的例子，我们将会阐明z-index的内在机理。
z-index 这个属性表面看上去很简单，但如果你想搞清楚其工作原理的话，其实是有不少值得探讨之处的。本文将从层叠上下文（stacking contexts）和一些实际案例出发，谈一谈 z-index 的内部工作原理。
所有的盒模型元素都处于三维坐标系中，除了我们常用的横坐标和纵坐标，盒模型元素还可以沿着“z 轴”层叠摆放，当他们相互覆盖时，z 轴顺序就变得十分重要。
原文链接：https://juejin.im/post/5b876f86518825431079ddd6#comment
学前端必备掌握CSS样式，css为层叠样式表，用来定义页面的显示效果，加强用户的体验乐趣，那么如何用css到html中呢？
所有的html标签中，表单标签是最重要的。在实际开发中，最经典的实例就是用户注册，覆盖了表单标签的所有的元素。效果图如下：
css：Cascading Style Sheet 层叠样式表，简而言之 就是css的样式 是可以叠加的。默认 是根据css选择器的权重，按权重进行叠加，权重值大的css 覆盖 权重小的css。
导语 | html2canvas在前端通常用于合成海报、生成截图等场景。本文从一次蒙层截图失败对html2canvas的实现原理展开详细探讨，带你完美避坑！ 一、问题背景 在一个前端项目中，有对当前页面进行截屏并上传的需求。安装了html2canvas的npm包后，实现页面截图时，发现html2canvas将原本有透明度的蒙层截图为了没有透明度的蒙层，如下面两张图所示： 显然这并不能满足前端截屏的需求，于是进行google，终于查到了相关问题。原来html2canvas渲染opacity失败
层叠上下文，英文称作”stacking context”. 是HTML中的一个三维的概念。如果一个元素含有层叠上下文，我们可以理解为这个元素在z轴上就“高人一等”。
先公布一下答案：z-index不一定会生效，生效了也不一定是值大的在上面，主要取决于层叠上下文；给父元素设置一个很大的z-index不能实现覆盖子元素，但是把子元素的z-index设置成负数却可以满足要求。
简述: HTML 标签原本被设计为用于定义文档内容, 通过使用 、、
、
https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md
二、CSS特性 CSS具有两大特性： 继承性 层叠性 1.继承性 CSS的继承性，指的是子元素继承父元素的某些样式属性，例如：在父元素定义字体颜色（color属性），子元素会继承父元素的字体颜色。 不是所有属性都具有继承性 不过，并不是所有属性都具有继承性，如：padding、margin、border等就不具备继承性，况且要是这些属性也可以继承，那对于网页来说是一场噩梦。 （1）具有继承性的属性 W3C规定，只有那些能让我们轻松书写的属性才可以继承。 在CSS中，具有继承性的属性有
一般情况下，网页中的层叠规律是这样的：如果两个层都没有设置 position 属性为 absolute 或者 relative 属性，哪个层的HTML代码放在后面，哪个层就显示在上面。 Demo:
0到59的有2人，占29%；80-89的有1人，占14%；90-100的有4人，占57%
给同一个选择器设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题。
开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不断更新，不断更新，重要的事情说三遍。 谈谈一些有趣的CSS题目（一）-- 左边竖条的实现方法 谈谈一些有趣的CSS题目（二）-- 从条纹边框的实现谈盒子模型 所有题目汇总在我的 Github 。 3、层叠顺序（stacking level）与堆栈上下文（s
当我们讨论网页设计时，样式是一个至关重要的方面。它使我们能够改变文本、图像和其他页面元素的外观，从而创造出吸引人的网页。在HTML DOM（文档对象模型）中，我们可以使用JavaScript来操作和控制样式。这篇博客将详细介绍HTML DOM样式控制，包括什么是样式、如何使用内联样式、如何操作类名、如何修改元素的样式属性，以及如何处理伪类和伪元素。无需担心，我们将从基础开始，逐步深入。
注意下： 特点:并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承，a标签不能继承. h标签的文字大小是不能继承的
在最近的一个作品中，在使用 opacity 属性来实现页面整体透明的时候，发现了一个问题。如果两个层发生了重叠，使用了 opacity 属性并且属性值小于1的层，会覆盖掉后面的层。于是动手做了个实验，来验证 opacity 的层次。
导语 | 本文将介绍在前端开发中页面截图的两种方式，包括对其实现原理和使用方式进行详细阐述，希望能为更多前端开发者提供一些经验和帮助。 一、 背景 页面截图功能在前端开发中，特别是营销场景相关的需求中, 是比较常见的。比如截屏分享，相对于普通的链接分享，截屏分享具有更丰富的展示、更多的信息承载等优势。最近在需求开发中遇到了相关的功能，所以调研了相关的实现和原理。 二、相关技术 前端要实现页面截图的功能，现在比较常见的方式是使用开源的截图npm库，一般使用比较多的npm库有以下两个： dom-to-image
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
