随笔分类 - HTML/CSS
摘要：原文：https://zh.learnlayout.com/toc
阅读全文
摘要：1.“/” 代表网站根目录所在的位置。 2.“./” 代表当前目录 3."../" 代表当前目录的上一级目录（也就是当前的上一级目录） 4 .上上级目录是两个上级目录叠加"...."
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,html{ height:100%; } .box{ display
阅读全文
摘要：chrome-调试技巧个人总结 https://blog.csdn.net/badbaby52906/article/details/128973527 1、调试hover样式 1、第一种方法就是利用debugger（推荐） 在控制台输入下面一段代码（时间自己决定）并执行，返回页面，鼠标放在需要
阅读全文
摘要：网址：https://lhammer.cn/You-need-to-know-css/#/zh-cn/ css常用小技巧、代码片段
阅读全文
摘要：本文不是原创，原文链接请戳文末链接。 # 一.发送效果 ## HTML ```html // 这里是一个svg的占位 Send 复制代码 ``` ## CSS ```css #send-btn{ display: flex; align-items: center; justify-content:
阅读全文
摘要：https://juejin.cn/post/7033420158685151262
阅读全文
摘要：原文：https://juejin.cn/post/6844903571142508551 前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。 居中布局 水平居中 1）使用inline-b
阅读全文
摘要：原文：https://juejin.cn/post/6844903476774830094 写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真
阅读全文
摘要：原文：https://juejin.cn/post/6844903918686699534 前言 reset.css文档就是一个普通的层叠样式表文档，就是css文档，一个网站一般会用三种css文档来设定网站的样式。重置样式(reset.css)(重置默认的css样式)；公共样式 (common.cs
阅读全文
摘要：原文：https://juejin.cn/post/6941206439624966152 本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章
阅读全文
摘要：原文：https://juejin.cn/post/7063823914136256543 问：为什么要使用flex布局? 答：因为好用。 在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何方案和技
阅读全文
摘要：原文：https://juejin.cn/post/6844903630655471624 我的博客原文地址：原文地址 如果文章对您有帮助，您的star是对我最好的鼓励～ 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文
阅读全文
摘要：原文：https://juejin.cn/post/6854573220306255880 Grid 布局是什么？ Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一
阅读全文
摘要：原文：https://juejin.cn/post/6844903504545316877 本文介绍了四种清除浮动的方法，并尝试解释其原理。在理解了各种清除浮动的原理之后，你会发现，很多清除浮动的方法本质上其实是一样的。掌握这些原理，相信你可以根据场景和需求，灵活运用原则发展出不同的清除浮动的方法，
阅读全文
摘要：原文：https://juejin.cn/post/6999418363239727111 看到这个问题以后，我仔细一想，CSS学*起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学**纲，*家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的
阅读全文
摘要：原文：Https://Juejin.Cn/Post/6844903902123393032 01.【负边距】💘负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似 02.【shape-outside】❤不要自以为是了。你以为自己是方的，在别人眼里你却是圆的
阅读全文
摘要：原文：https://github.com/qianbin01/frontend_train Html相关 1 html语义化 意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 注意： 1.尽可能少的使用无语义的
阅读全文
摘要：chrome开发者工具各种骚技巧 原文：https://juejin.cn/post/6844903604839514125 对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 网站是：umaar.co
阅读全文
摘要：先看案例效果，再看心得与总结 前段时间撸了一个演示平台，输入任一手机号，可追踪其行迹，类似《人民的名义》追踪丁义珍的效果，很明显涉密了，因此特意克隆了一个，并把后端阉割了，目前查询号码写死为我的号码，数据替换为静态的： 演示地址(阉割后端) 本文github地址,持续更新...... 效果预览 ↓↓
阅读全文
浙公网安备 33010602011771号