标签
css---窗口定位(固定定位)和滚动条设置
css---窗⼝定位（固定定位）和滚动条设置前端⼊门笔记之css（7）窗⼝定位： 根据窗⼝进⾏定位。1. 有滚动条的话，窗⼝定位会⼀直跟着窗⼝的定位；（不管页⾯怎么滑动，窗⼝定位⼀直在窗⼝固定的位置，⼴告栏类似的状态）2. 有滚动条的话，绝对定位不会跟着窗⼝⾛。{position：fixed；left:300px;top:300px}固定定位代码：<!DOCTYPE html><...
css常用标签
css常⽤标签选择符⼀．元素选择符：1. 通配符*{}Hdml中所有标签属性设置字体font-family：设置字体⼤写font-size2. 类选择器.hp{}<div class="hp"></div>id3. 选择符#hs<div id="hs"></div>4. 类型选择符（标签选择符）：div{}<div></div>...
你不知道的css之width“继承”篇。
你不知道的css之width“继承”篇。众所周知，css的三⼤特性分别是继承性，层叠性，和优先级。那么这⾥就详细说⼀下css中width的继承性及其特殊情况。继承性概念详解：css的继承性指的被包在内部的标签拥有外部标签的样式性，⼦元素可以继承⽗元素的属性。但也不是所有的css属性都有继承性的。 常见的拥有继承性的属性以 text- 、 font- 、line- 开头的属性较为常⽤。其...
前端的底层原理
前端底层原理相关的基本原理前端开发是指构建网站或应用程序用户界面的过程，涉及到网页设计、编码和优化等工作。前端技术在互联网行业中扮演着重要的角，它直接与用户进行交互，因此需要对底层原理有深入的了解。本文将详细介绍与前端底层原理相关的基本原理，包括HTML、CSS和JavaScript。1. HTML（超文本标记语言）HTML是一种用于创建网页结构和内容的标记语言。它由一系列标签组成，每个标签都有...
css矩形凹陷效果_css基础小练习
css矩形凹陷效果_css基础⼩练习1.CSS中的定位positionPosition有三个，absolute绝对定位，定位会释放原来的位置，并且是基于外层⽗级标签来说的relative是相对定位，定位离开原来的位置没有释放，相对于原来的位置来说的。fixed是固定的对位，始终是基于浏览器的左上⾓来定位的适合⽤来做⼴告2. Css3新增选择器.div_1>p:last-child是获得最后⼀...
CSS---文档流布局脱标-postion-zindex脱标-浮动
CSS---⽂档流布局脱标-postion-zindex脱标-浮动⼀、css⽂档流布局概念1.1，什么是标准⽂档流1.2，标准⽂档流下有哪些微观现象⼆、CSS---position属性2.1，position：relative2.2，position：fixed2.3，position：absolute2.3.1，⽗默认(static)⼦绝2.3.2，⽗相(relative)⼦绝2.3.3，⽗固(...
CssSelector定位详解
CssSelector定位详解⼀，为什么使⽤ cssSelector定位元素?⽬前针对⼀些常规定位⽅式有: By.id、By.name、By.LinkTest(针对 <a>标签 )、By.ClassName 针对不太好定位的，⽐如：没有 id、name、class 的定位⽅式，或者说 id、name、class 的value 值显⽰重复，不太⽅便⼀下写出定位⽅式，这样可以考虑下其它定位...
css修改span位置_简历完善,CSS布局与定位,笔记
css修改span位置_简历完善，CSS布局与定位，笔记1.⼤背景图⽤⼯具到原⽹页的⼤背景图，到图⽚下载到桌⾯，再简历⽬录⾥新建⼀个img⽬录放到⾥⾯，也可以在wall haven.⾃⼰喜欢的壁纸。css⾥写上⾼度和图⽚地址，不到必要是不要写⾼度容易bug.banner{height: 515px;background-image: url(./img/rs-cover.jpg);borde...
selenium的css定位
selenium的css定位driver.find_element_by_css_selector('#kw')⼤部分⼈在使⽤selenium定位元素时，⽤的是xpath定位，因为xpath基本能解决定位的需求。css定位往往被忽略掉了，其实css定位也有它的价值，css定位更快，语法更简洁。这⼀篇css的定位⽅法，主要是对⽐上⼀篇的xpath来的，基本上xpath能完成的，css也可以做到。两篇...
HTML绝对坐标,html绝对位置
HTML绝对坐标,html绝对位置HTML中DIV的相对定位与绝对定位DIV是个⼤层，⾥⾯有3个DIV分别是DIV1，DIV2，DIV3。DIV1⾥⾯有个DIVa，绝对定位(absolute)： 当⼀个DIV块的位置被定义为绝对定位的时候，也就意味着它失去了⽂档流的位置，后⾯的⽂档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上。怎么让⼀个DIV绝对定位到页...
详解CSS3.0(CascadingStyleSheet)层叠级联样式表
详解CSS3.0（CascadingStyleSheet）层叠级联样式表CSS3.0(Cascading Style Sheet) 层叠级联样式表快速⼊门：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width...
网页设计自适应网页设计
自适应网页设计（responsive web design）1.可以子佛纳甘识别屏幕宽度，并作出相应的调整的网页设计2.允许网页宽度自动调整首先在网页代码的头部加入一行viewport元标签（元标签是使用在网页的head标签之间的一种HTML标签，主要包括关键词标签和描述标签，现在最常用的也是这两类。与其它的HTML标签不同，元标签不会在页面的任何地方显示出来，所以绝大多数的访问者并不会看到它的存...
pod实例数是什么意思_[灌水]KubernetesInAction:Pod
pod实例数是什么意思_[灌⽔]KubernetesInAction：Pod Podpod 可以有多个 副本，⽐如 slave 实际上是 pod 的副本，单⼀的 pod 存在唯⼀的 node 上。IP 分配的单位， pod 容器共享pod 容器共享 volume, pod所有容器可以共享多个 docker 容器的 fs 下的 volume同⼀个pod 容器可以共享 IPC UTS namespac...
3601+X题库答案
3601+X题库答案1、以下关于网页结构说法错误的是（）A、HTML文件是结构层B、CSS文件是表示层C、JS文件是行为层D、CSS文件是行为层2、给以下代码中id名为con的元素设置样式正确的是（）。<div class=”box”><div class=”main”id=”con”>祝您好运！</div></div>A、.box>.main...
移动端H5开发之顶部固定导航布局
移动端H5开发之顶部固定导航布局在开发移动端h5应⽤时，尤其是在开发混合app时，⼀般情况下，顶部导航会⼀直固定在页⾯头部，如下图：h5的常规操作是直接来个fixed定位，代码如下：position:fixed;top:0;left:0;right:0;但是，这种写法，在ios系统下，会出现⼀些，类似下拉页⾯时，导航会⼀起滚动，⽆法固定在屏幕顶部，或者是有input标签的时候，调出软键盘之后，页⾯...
移动端的一些初始化css样式。。。
移动端的⼀些初始化css样式。。。*{margin: 0;padding: 0;// 盒⼦模型box-sizing: border-box;}a{text-decoration: none;// 去除掉移动端下的a标签的点击⾼亮-webkit-tap-highLight-color:transparent;// 让a标签的字体颜⾊和普通的div⼀样会继承不再是蓝⾊color: inherit;bo...
vuejs怎样将checkbox样式设置为一排展示
vuejs怎样将checkbox样式设置为⼀排展⽰开始拿到⼀个页⾯，页⾯是这样展⽰的：这个展⽰的太不友好，现在希望将这个弄成⼀排展⽰，最后达到这样的效果：因为前⾯已经设置了label样式，所以现在只需要根据id进⾏设置样式就⾏，之前的代码是这样的：修改之后的代码为：<style scoped>#add-blog *{box-sizing: border-box;}#add-blog{m...
前端基础复习题库
前端基础复习题库1. W3C是指万维网联盟 [判断题] *对(正确答案)错2. 万维网联盟外文名是Web Three Consortium。 [判断题] *对错(正确答案)3. 浏览器对于不同级别的标题标签使用不同的字号。 [判断题] *对(正确答案)错4. IE不支持 <p> 标签 [判断题] *对错(正确答案)5. <b>标签中的文字显示为斜体。 [判断题] *对错(正...
echartGL中option各3D配置属性配置详解
echartGL中option各3D配置属性配置详解最近，接⼿⼀个项⽬需要实现echart中各种3D图表样式，我还是⼀如既往的从研究echart配置项中各属性含义开始⼊⼿，由于⾃⼰需要实现的是柱状图效果，类似地图3D 效果在这⾥不展⽰，直接进⼊⾃⼰所研究的内容1、grid3D替换example⾥⾯的grid3D为下列代码grid3D: {show:true,//是否显⽰三维迪卡尔坐标boxWidt...
EChartsx轴y轴(xAxis,yAxis)常用属性说明
EChartsx轴y轴（xAxis，yAxis）常⽤属性说明代码{show: true, // 是否显⽰ x 轴position: 'top', // x 轴的位置（'top'，'bottom'）type: 'category', // 坐标轴类型('category','value')nameRotate: 10,&n...
echarts柱状图属性
echarts柱状图属性ECharts柱状图属性1、xAxis：x轴属性，它是一个对象，其属性有：(1)type ：坐标轴类型，支持 value 对应数值轴、category 对应类目轴、time 对应时间轴、log 对应对数轴。(2)name ：坐标轴名称，为空，则不显示坐标轴名称。(3)nameLocation ：位置（默认'end'）：有'start'和'end'可选。start表示将坐标轴...
Echartsoption常用属性配置文档
Echartsoption常⽤属性配置⽂档Echarts option常⽤属性配置成功绘制⼀个Echarts图表⾄少包含三部分：x轴xAxis、y轴yAxis、系列列表series。option ={xAxis:{type:'category',// x坐标轴类型data:['Mon','Tue','Wed','Thu','Fri','Sat','Sun']// 类⽬数据},yAxis:{type...
echarts label position 间距
echarts label position 间距Echarts是一款基于JavaScript语言的开源可视化库，被广泛应用于数据可视化领域。在Echarts中，标签的位置和间距是一个经常遇到的问题，掌握好这些技巧可以让我们更灵活地展示数据。本文将从基础概念、设置方法、调整技巧等方面进行详细讲解，帮助读者更好地理解和应用Echarts中标签位置与间距的问题。一、基础概念在Echarts中，标签通常...
阿里前端规范_阿里前端开发规范
阿⾥前端规范_阿⾥前端开发规范前端代码规范Front Standard Guide前端 JS 项⽬开发规范规范的⽬的是为了编写⾼质量的代码，让你的团队成员每天得⼼情都是愉悦的，⼤家在⼀起是快乐的。引⾃《阿⾥规约》的开头⽚段：----现代软件架构的复杂性需要协同开发完成，如何⾼效地协同呢？⽆规矩不成⽅圆，⽆规范难以协同，⽐如，制订交通法规表⾯上是要限制⾏车权，实际上是保障公众的⼈⾝安全，试想如果没有...
hbuilderx制作简单网页_简单粗暴,直接教你上手制作网页—前端开发...
hbuilderx制作简单⽹页_简单粗暴，直接教你上⼿制作⽹页—前端开发⼊门⾸先我要说学习前端⽹页制作其实很简单！今天我带着你踏⼊前端开发的⼤门，我不会给⼤家说⼀些难懂的概念上的东西，有些知识其实不必知道，学习之后再慢慢了解也是可以的。简单粗暴，直接让你上⼿就完事了！先⼤致了解⼀下HTML的构成简单的说HTML⽹页的构成基本可以理解为是由标签、样式和属性组成的标签：可以理解为是组成⽹页的框架或是盒...
小程序开发技术预研分析报告
⼩程序开发技术预研分析报告1. 预研背景本次预研是对⼩程序使⽤流程及开发技术的研究。1. 预研⽬的和意义本次预研在于了解⼩程序具体语法、接⼝功能、具体实现⽅式等。1. 预研⽬标通过⼩程序的技术研究可实现⾃主完成⼩程序的功能开发。1. 预研技术概述⼩程序是⼀种全新的连接⽤户与服务的⽅式，它可以在内被便捷地获取和传播，同时具有出⾊的使⽤体验。⼩程序提供了⼀个简单、⾼效的应⽤开发框架...
layui template 语法
layui template 语法 Layui Template语法详解 前端页面模板 Layui Template是一款基于Layui框架的前端模板引擎，它可以帮助我们快速构建出美观、高效的前端页面。在使用Layui Template时，我们需要掌握一些基本的语法规则，下面就来详细介绍一下。 1. 模板标签 ...
input标签实现输入框带提示文字效果(两种方法)
input标签实现输⼊框带提⽰⽂字效果（两种⽅法）⽅法⼀：html5配合css3实现带提⽰⽂字的输⼊框(摆脱js)；webkit特有的⼀个css，可以控制⾥⾯的⽂字样式，配合css3的动画效果和伪类，我们就可以很容易做出⼀个带动画的输⼊框，在系统登录、搜索等位置很适合，感兴趣的你可以参考下本⽂或许可以帮助到你，Webkit作为载体开发系统，当然需要⼤量使⽤Html5与CSS3，不仅减少⼤量的JS还...
使用CSS3动画实现文字滚动
使⽤CSS3动画实现⽂字滚动以前实现⽂字滚动经常使⽤标签，现在随着H5的兴起，鉴于该标签糟糕的体验，这个标签已经被W3C标准废弃了，尽管现在浏览器还⽀持这个标签，但是寻⽂字滚动的新⽅式才是未来的选择。也有很多⼈会使⽤js脚本来实现⽂字滚动，这是兼容性和可操作性最强的做法。但是这种⽅式往往会使⽤定时器，实时操作DOM，除了⽐marquee能实现更多的滚动效果及功能外，并没有减少性能消耗，并且在⼀些...
帝国CMS灵动标签排除头条、推荐、置顶等信息调用
帝国CMS灵动标签排除头条、推荐、置顶等信息调⽤帝国CMS 灵动标签排除头条、推荐、置顶等信息调⽤SQL语句：sql调⽤select * from phome_ecms_表 where istop=0 and isgood=0 andfirsttitle=0 and checked=1 order by newstime desc limit 10解释：istop=0 &...
