网站首页 知识剖析 第525页

• 

  左边固定宽，右边自适应的6种方法

  这是一道面试题，你有多少种办法呢？这里我们假设左边名为left，宽度为200px，右边名为right。即默认.left{width:200px;}我的理解分四大类?flex布局?需设置父元素高度?grid布局?需设置...

  2024-11-12 nixiaole 知识剖析 16 ℃
• 

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

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

  2024-11-12 nixiaole 知识剖析 24 ℃
• 

  css中position的值有哪些，分别有什么作用?

  position的值有以下几种：1.static：元素的位置不受top、bottom、left、right属性影响。2.relative：相对定位，元素相对于其parents元素的位置发生变化。3.absolute：绝对定位，元素...

  2024-11-12 nixiaole 知识剖析 28 ℃
• 

  CSS 中几种最常用的水平垂直居中的方法

  CSS是前端里面的基础之一，也是非常重要的一部分，它往往决定了你所做出来的网页页面是否美观。在设计网页页面的过程中，总会有将元素或者文字进行水平垂直居中的要求。下面w3cschool编程狮就为大家介绍CSS中几种常用到的水平垂直居中的...

  2024-11-12 nixiaole 知识剖析 21 ℃
• 

  23、Position 的值有哪些，分别有哪些作用?(必会)

  一、static：默认值不脱离文档流，top，right，bottom，left等属性不生效。二、绝对定位：absolute绝对定位的关键是找对参照物，要成为绝对定位元素的参照物必须满足以下两个条件：1.参照物和绝对定位元素必须是包含与被...

  2024-11-12 nixiaole 知识剖析 16 ℃
• 

  元素水平垂直居中? 元素水平垂直居中的方式

  Flexbox（弹性盒子布局）：使用Flexbox是一种简单而强大的居中方法。对于容器元素，设置display:flex;，并通过justify-content和align-items属性将子元素水平和垂直居中。.conta...

  2024-11-12 nixiaole 知识剖析 23 ℃
• 

  知识点——01 知识点一

  1、检测页面不可见//页面的hidden属性,false,true;document.addEventListener('visibilitychange',function(){//页面变为不可见时触发i...

  2024-11-12 nixiaole 知识剖析 23 ℃
• 

  一文读懂 CSS 单位 css的长度单位

  大家好，我是Echa。最近有不少的粉丝老铁们私信我为啥这几天没有创作新内容了，实在对不住。小编我身在广州中招羊了，我在最近一篇文章也有提到过，今天是第四天，基本上康复了，奥密克戎BA.5其实没有那么恐怖，中招了前三天特难受，熬过来了就没事了...

  2024-11-12 nixiaole 知识剖析 15 ℃
• 

  徒手撸-登录页面(1) 徒手训练的方法和步骤

  在github上或是其他的后台管理模板上经常看到漂亮的登录页面，今天我们就基于css3及element撸一个"骚气"的登录页面。用到的知识点包括flex布局、绝对定位、相对定位及基本的element。初版的效果如下所示好了废...

  2024-11-12 nixiaole 知识剖析 12 ℃
• 

  做了七年前端开发，我最近才意识到可访问性的必要......

  作为一名7年多的前端开发者，我从未想过我的工作需要具有可访问性，直到最近才领悟。是的，我们确实提供了带alt标签的图片，并使用header、footer、main、aside、nav和section标签......就是这些，...

  2024-11-12 nixiaole 知识剖析 16 ℃