-
HTML5和CSS3基础
HTML元素空元素不是所有元素都拥有开始标签、内容和结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。这些元素被称为空元素例如：元素``是用来在页面插入一张指定的图片。布尔属性有时会看到没有值的属性，这也是完全可以接受的。这些属性被称为布尔属性。布尔属性只能有一个值，这个值
-
Ng-Matero v15 正式发布
前言Angular按照既定的发版计划在11月中旬发布了v15版本。推迟了一个月（几乎每个版本都是这个节奏😳），Ng-Matero也终于更新到了v15。其实Ng-Matero本身的更新非常简单，但是同步维护的MaterialExtensions这个库要先于Ng-Matero发布，所以大部分精力都耗费
-
教你用JavaScript实现搜索展开
欢迎来的我的小院，恭喜你今天又要涨知识了！案例内容利用JavaScript实现搜索框的移动展开。演示学习<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>小院里的
-
解决ios设备软键盘弹出导致页面整体被顶起
问题ios设备：点击input，软键盘弹出，页面整体向上偏移需求当软键盘弹起，input改变位置并始终贴着软键盘，整体页面不上移动解决页面采用flex布局<divclass="flex"><divclass="box"><divclass="head"></
-
我的Vue之旅、04 CSS媒体查询完全指南（Media Quires）
什么是SCSSSass:SassBasics(sass-lang.com)SCSS是CSS的预处理器，它比常规CSS更强大。可以嵌套选择器，更好维护、管理代码。可以将各种值存储到变量中，方便复用。可以使用Mixins混合重复代码，方便复用。scss导入html方法一VSCODE插件方法二手动编译np
-
CSS Flexbox 布局
CSS弹性盒子Flexbox布局Flexbox（弹性盒子）是CSS3中引入的一种强大且兼容性好的布局方法。使用flexbox，可以很容易地处理好页面上的元素布局，并创建可以自动缩小和放大的动态用户界面。flex盒子模式只要在一个元素的CSS中添加display:flex;，就可以使用其它flex属性
-
我的Vue之旅、01 深入Flexbox布局完全指南
花了几个小时整合的"ACompleteGuidetoFlexbox"最新版本，介绍了flexbox的所有属性，外带几个实用的例子。传统布局、Flexbox布局的传统解决方案，基于盒状模型，依赖display、position、float三大属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实
-
上下求索 Flexbox 优雅布局
前端布局问题在工作中俯拾皆是，是时候花些时间上下求索一番。本文尝试从标题布局、左右布局、均分布局、跟随布局、父子宽度约束探究和空间无限缩小共六个案例练练解题思路和见招拆招。希望对你提高工作效率和技术水平有启发。㈠标题布局题目：标题居中且超长打点，标题左右包含若干图标。解答：⑴标题居中，必须控制左右距
-
学完HTML、CSS定位、Flex、选择器、盒子模型，可以做什么项目练手？
这篇笔记聊聊新手学完HTML、CSS定位、Flex、选择器等等基础知识以后，可以做什么项目来做练习这个问题群里很多朋友问过我：“我要做什么项目才能练习到相关的知识点？”其实这个问题比较难回答，因为我不知道你现在会什么，如果推荐的项目太难，那你肯定写不下去；如果推荐的项目太简单，也没啥意思。所以大家在
-
新时代布局新特性 -- 容器查询
终于，在漫长的等待下，容器查询（CSSContainerQueries）将在Chrome105版本得到正式的支持！而目前，我们也能在ChromeCanary版本中，或者在Chrome93~104通过开启 EnableCSSContainerQueries 特性抢先体验。响应式过往
-
玩着游戏就把前端知识学了，贼爽！！！
一、基础知识这是一款塔防类游戏，有点像保卫萝卜，该款游戏共12个关卡，为了通关需要了解Flex布局的一些知识，下面就来简单科普一下需要用到的小知识点【注：本文仅科普需要用到的知识点，更加详细的可看官方文档】。1.1justify-conentjustify-content属性定义了项目在主轴上的对齐
-
CSS 居中完全指南，你学会了吗？
今天来看看在CSS中有哪些方法可以实现元素的居中!一、水平居中1.内联元素复制<divclass="container"><spanclass="content">水平居中</span></div>1.2.3.(1)text-aligntext-ali
-
前端知识网络 | 前端布局篇
前言一篇文章的时间，让我们回到画页面的那个夏天，彻底搞懂前端页面布局。本文期待整合布局知识网络。整合最佳实现并整理样式片段(以less为例)，拿走即用。高频面试题梳理回答。知识网络常见布局对于CSS的布局，在应用层面，分为三类，居中布局、多列布局、全屏布局;居中分为垂直、水平和平面。多列分为两列、三
-
建议收藏！总结了42种前端常用布局方案
对CSS布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新，实现各种布局的方式已经多得数不胜数了。本篇文章总结了四十二种CSS的常见布局，这四十二种布局可以细分为如下几类：水平居中垂直居中水平垂直居中两列布局三列布局等分布局StickyFooter布局全屏布局这些内容也正是本篇
-
你可能不知道的 Chrome Devtools 的功能
ChromeDevtools是我们每天都在用的工具，它提供了很多调试功能，可以帮助我们更好的开发网页。而我们平时使用的功能只是它全部功能的子集，很多功能并没用到过。作为高频使用的工具，还是有必要好好掌握的。所以今天就分享几个你可能没注意到的但还挺有用的ChromeDevtools的功能。在那之前，我
