Stella981 Stella981
3年前
Chrome调试UI的神级操作
在业务开发过程中,想必大家经常会需要查看一个元素的位置及大小并修改它的CSS,因此就会频繁使用到DevTools中的选择元素功能。!(https://oscimg.oschina.net/oscnet/3d0b105dfab1afd6b960132c32733bcfbb2.png)其实我们可以使用
Wesley13 Wesley13
3年前
CSS实现自适应九宫格布局 大全
看到微博和朋友圈都实现了图片九宫格,曾经有次面试也问到了九宫格这个问题,当时想到的是先固定每个单元格的宽高,然后进行浮动。今天想折腾一下,实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格,算上inlineblock的话就是五种了。首先要注意的是九宫格容器是宽高相等的正方形,并且是自适应的,这里关键是实现宽高相等,有些人想到了相对视口宽度
Wesley13 Wesley13
3年前
CSS中清除浮动的作用以及如何清除浮动
1.什么是浮动,浮动的作用“浮动”从字面上来理解就是“悬浮移动、非固定”的意思。块级元素(div、table、span…)是以垂直方向排列,而在前端界面中往往要使用水平布局块级元素使界面更美观。这就要用到浮动了。被设置浮动的元素会脱离标准流(竖直排列),从而达到水平排列的效果。例如.未设置浮动时图1中的两张图片竖直排列在父级元素(橙色区域)
Stella981 Stella981
3年前
Grid布局学习笔记
1\.概述强大的CSS布局方案,将网页划分成一个个网格,可以任意组合不同的网格,目前浏览器已经内置支持!(https://oscimg.oschina.net/oscnet/up70baee9d0d69dea2d93b59de8e68fc6eaf8.png)!(https://oscimg.oschina.ne
Stella981 Stella981
3年前
CSS前端经典面试题及解析——小白入门必备
1.CSS选择器的优先级是如何计算的?浏览器通过优先级规则,判断元素展示哪些样式。优先级通过4个维度指标确定,我们假定以a、b、c、d命名,分别代表以下含义:1.a表示是否使用内联样式(inlinestyle)。如果使用,a为1,否则为0。2.b表示ID选择器的数量。3.c表示类选择器、属性
Stella981 Stella981
3年前
CSS float浮动的深入研究、详解及拓展(一)
概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮动应用都不是浮动应该做的个人观点之浮动其实是个魔鬼、混球一、引言你我看待事物的方式不同,价值取向也不同,因为我们有着不同的世界观,价值观。这种世
京东云开发者 京东云开发者
10个月前
一行代码修复100vh bug | 京东云技术团队
你知道奇怪的移动视口错误(也称为100vhbug)吗?或者如何以正确的方式创建全屏块?一、100vhbug什么是移动视口错误?你是否曾经在网页上创建过全屏元素?只需添加一行CSS并不难:.mypageheight:100vh1vh是视口高度的1%,正是我们
Python进阶者 Python进阶者
7个月前
Python爬取免费IP代理时,无法解析到数据
大家好,我是Python进阶者。一、前言前几天在Python最强王者交流群【ZXS】问了一个Python网络爬虫实战问题。问题如下:我这里遇到一个问题:【爬取免费IP代理时,无法解析到数据】,我通过xpath,css定位到了元素,但是在运行时返回空列表,请
linbojue linbojue
7个月前
SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序
开发医疗小程序的技术选型和开发流程在开发医疗小程序时,可以根据具体需求和项目规模选择合适的技术选型。以下是一些常用的技术选项:前端开发:医疗小程序的前端开发可以使用基于HTML、CSS和JavaScript的框架和库,如Vue.js、React.js和An
linbojue linbojue
7个月前
SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序
开发医疗小程序的技术选型和开发流程在开发医疗小程序时,可以根据具体需求和项目规模选择合适的技术选型。以下是一些常用的技术选项:前端开发:医疗小程序的前端开发可以使用基于HTML、CSS和JavaScript的框架和库,如Vue.js、React.js和An