网页布局

网页布局

文章 12 浏览 1.3k

CSS 高级布局技巧

随着 IE8 逐渐退出舞台,很多高级的 CSS 特性都已被浏览器原生支持,再不学下就要过时了。 用 :empty 区分空元素 兼容性:不支持 IE8 Demo 假如我们有…

JSmiles 2021-06-25 19:56:18 1146 0 0

Flexbox 布局

Flexbox 是一个简洁的制作智能布局的现代语法。Flexbox 模块提供了一个有效的布局方式,即使不知道视窗大小或者未知元素情况之下都可以智能的,灵活的…

JSmiles 2021-03-22 23:41:28 1406 0 0

HTML / CSS / 网页布局知识点

一、普通标签 1、 引用文本 短文本引用。 浏览器会对 q 标签自动添加双引号,但重点是其语义:引用别人的话。 2、引用文本 长文本引用 浏览器对 标签…

JSmiles 2021-01-02 15:04:26 1346 0 0

CSS 网格 Web 布局完全指南中文版

网页的布局方式千变万化,但是根本的技术就三种,从最开始的 table 布局到现在 div 布局,网页的呈现方式没变,背后的技术却发生很大的变化,这篇文章…

JSmiles 2020-08-04 15:36:26 1697 0 0

详解 CSS 中 Margin 负边距布局概念和应用

自从 1998 年 CSS2 作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后 CSS 布局成为了优雅代码的代名词。 对于所有设计师使用过的 CSS…

JSmiles 2019-10-22 11:28:46 1517 0 0

再说 Margin 和 Padding 百分比设置

前段时间分享了一篇文章《浅谈Margin和Padding值设置成百分数的布局》,其中讲解了 Margin 和 Padding 百分比设置的表现,但是并没有细说为什么会这样…

JSmiles 2019-04-27 21:31:03 1737 0 0

浅谈 Margin 和 Padding 值设置成百分数的布局

Margin 和 Padding 是我们在网页设计经常使用到的 CSS 样式,他们分别是间距和填充,一个作用于盒子外面,一个作用于盒子里面,默认的情况下,这些属…

JSmiles 2018-10-17 20:12:27 1722 0 0

Grid-A-Licious 基于 jQuery 响应式瀑布流插件

Grid-A-Licious 是一个简单易用的 jQuery 插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。你可以通过参数设置它的宽度以及动态显示…

JSmiles 2017-12-10 23:24:32 2585 0 0

高度100%页面自适应布局详解

有时候可能我们会遇到这样的设计,内容需要在浏览器一屏范围内显示,而不会出现滚动滚动条查看内容的情况,如一些富Web应用,让你感觉更像在操作一个…

JSmiles 2017-11-16 02:02:46 4074 0 0

Masonry 轻量级网页瀑布流 JavaScript 插件

Masonry 是一个 JavaScript 网格布局库,它的工作原理是根据可用的垂直空间将元素放置在最佳位置,类似于墙上的石匠石。你可能已经在互联网上看到它在…

JSmiles 2017-07-11 10:40:58 2189 0 1

解决 Web 移动端表单元素导致 Fixed 布局移位

在开发 Web 移动端网页的时候,我们可能会模仿 APP 的布局方式,上面一个 Header 导航,下面一个 Footer 页脚,在文章页可能会有一个输入评论的文本框…

JSmiles 2017-07-11 10:23:45 3998 0 0

Web 前端开发基础知识

盒模型 网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性,这些属性我们可以用日常…

JSmiles 2017-04-26 13:19:12 1774 0 0
更多

推荐作者

娇女薄笑

文章 0 评论 0

biaggi

文章 0 评论 0

xiaolangfanhua

文章 0 评论 0

rivulet

文章 0 评论 0

我三岁

文章 0 评论 0

薆情海

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文