CSS Positioning (定位)

从访问URL到浏览器渲染

DNS查询当用户在地址栏输入一个URL，浏览器要做的第一步是要去寻找页面资源的位置。如果导航到https://example.com，HTML页面被定位到IP地址为93.184.216.34的服务器。如果以前没有访问过这个网站，就需要进行DNS查询（DomainNameSys...

前端入门——弹性布局(Flex)

前言在css3Flex技术出现之前制作网页大多使用浮动（float）、定位（position）以及显示（display）来布局页面，随着互联网快速发展，移动互联网的到来，已无法满足需求，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。什么是Flex？Flex是FlexibleB...

css网格布局之快速入门

Grid简介CSS网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。像表格一样，网格布局让我们能够按行或列来对齐元素。然而在布局上，网格比表格更可能做到或更简单。例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一...

面试焦虑!每日 1 道 CSS 题!吃透这些面试稳拿高薪

前端工程师们，是不是总在加班改样式、调布局？看着别人轻松通过大厂面试，自己却在面试官的CSS问题前栽跟头，心里焦虑又无奈？别慌！从今天起，跟着我每日一道CSS样式类高频面试题，把这些知识点吃透，下次面试稳拿高薪！最近，“CSS布局优化”“响应式设计技巧”等词在前端圈热度居高不下，这些可都...

在 CSS 布局中，用 float 和 position 的区别是什么?

呃，其实这个命题有误，只有position才是定位，float不能说是定位，不过你可以说这两种布局方式有什么不同。float和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档...

2025年Python爬虫学习路线:第1阶段 爬虫基础入门开始

这个阶段的目标是让你熟悉Python的基础知识、了解HTTP请求和HTML是如何工作的，并最终完成你的第一个爬虫小项目——抓取名言！按照计划，我们首先要打好Python基础。Python就像是我们要用来制造爬虫机器人的主要材料和工具。没有它，我们的机器人就动不起来。它是一种相对容易学习的编程语言，...

肖sir_python的xpath定位方法详解

xpath的定位方法：（1）fullpath：是绝对路径/html/body/div[3]/div[1]/div[5]/div/div/form/span[1]/input绝对路径方法写法：a./开头，b.从根元素开始（2）xapath是相对路径：//*[@id="kw"]查...

Selenium自动化测试学习元素定位之ID定位

Selenium提供了下面的方法进行元素定位：find_element_by_idfind_element_by_namefind_element_by_xpathfind_element_by_link_textfind_element_by_partial_link_textfind...

PM小技术:图片随手找，原型快又好

将各种最好用的图片资源，以及获取这些图片资源的方法掌握以后，我们就可以将精力放在更深一层的设计上，而不会因为某个返回箭头巨丑，心里一直堵着，偏偏想把它改好看的纠结上了。本文将介绍一些产品经理快速找到顺手图片资源的小技巧，当然，这些技巧也可供UI射鸡湿参考。另外开发人员如果也搞一搞，下次资源图还没出来...

「CSS」 Position 用法进阶01:匹配父级容器空间

引入在前端界面设计中，会有那么一些布局，需要占满整个父级容器，比如：以上两种组件中，都是将背景完全填充到父级容器，区别在于模态框通常是背景填满屏幕，通常使用position:fixed;用于定位，而加载器更多用于将其背景布满父级容器，通常使用position:absolute;定位。通过...