HTML5的结构化标签，对搜索引擎更友好li 标签对不利于搜索引擎的收录，尽量少用banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li可用于浅色副标题display:inline-block; 每个导航块存在水平间隙，解决方法是在父元素上添加font-size:0; sublime安装csscomb插件选中css代码，ctrl+shi …
技术文章
什么是可视化拖拽可视化拖拽是一种基于图形化界面的用户交互方式，通过拖动界面上的对象实现操作。它可以用于各种场景，如可视化布局、数据呈现、参数配置等。与传统的命令行或菜单选择方式不同，可视化拖拽可以使用户更直观地操作界面，提升用户体验。在可视化拖拽中，通常会有一个源对象和一个目标对象，源对象可以通过鼠标或手势进行拖动，并移动到目标对象上。目标对象可能会有一些响 …
概念：Box:Box 是 CSS 布局的对象和基本单位，一个页面是由很多个 Box 组成的，这个 Box 就是我们常说的盒模型Block Formatting Cotext:块级上下文格式化，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位以及和其他元素的关系和相互作用块级格式化上下文(Block Formatting Cotext， …
前言在css3 Flex技术出现之前制作网页大多使用浮动（float）、定位（position）以及 显示（display）来布局页面，随着互联网快速发展，移动互联网的到来，已无法满足需求，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。什么是 Flex？Flex 是 Flexible Box 的缩写，是 CSS3 中的一种新的布局模式，可以简便、 …
这个年代，几乎任何一个像样的网页桌面端产品都会需要响应式布局。可无奈除了Figma之外，包括Sketch在内的大部分设计工具都缺少响应式布局功能。这就导致很多设计师对响应式布局一直处于雾里看花的状态，缺乏清晰的结构化认知。网上大部分文章讲响应式时，都会把容器、图片、文字等不同的元素拆开来讲，这样就搞得更复杂了。作为一个前端出身的设计师，感觉这东西从底层逻辑拆 …
作为一名前端开发人员，网站前端布局的设计是至关重要的，一个好的网站布局可以吸引用户的眼球，提升用户体验。那么，如何设计一个美观实用的网站前端布局呢？下面就来详细讲解网站前端布局设计指南：如何打造美观实用的网站。一、了解网站定位和用户需求在开始设计网站布局之前，我们需要了解网站的定位和用户需求，这是网站设计的前提和基础。首先，需要明确网站的类型，例如是商业网站 …
写在前面#web前端面试题#面试中经常会被问道前端布局的实现。相信做前端的朋友们都会需要在日常的工作中需要遇到页面排版样式布局的细节处理。前端样式布局比较经典的布局方式无外乎是以下几种，各有优缺点(下次可以单独写一个系列进行交流哈)浮动布局 float绝对定位布局 absolute固定定位布局 fixedGrid方案table 布局媒体查询布局弹性盒子布局 …
在html css设计中，对于控件布局是一个界面美观重要工具。传统布局工具是盒状模式,它布局通过依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 因此在2009年，W3C推出 flex布局，也叫flexbox，直译就是弹性盒子。它可以简便、完整、响应式地实现各种页面布局，是一 …
这次介绍的这款开源项目很适合当前网风下，只想鼠标点点点，就完成很多事情（包括开发）的现实。这款开源的产品叫作“H5-Dooring”。项目的官网是：https:github.comMrXujiangh5-Dooring关于该产品的介绍，项目的readme是这样描述的：H5-Dooring是一款功能强大，专业可靠的H5可视化页面配置解决方案，致力于提供一套简单 …