目前显示的是 六月, 2023的博文显示全部

16Blogger网页架构设计之Float-- 双侧边栏的三列布局（十二）

Blogger - 六月 14, 2023
16Blogger网页架构设计之Float-- 双侧边栏的三列布局（十二）
本篇文章，我们来创建一个有双侧边栏的三列布局架构的网页，以此来学习巩固 float 的浮动功能，创建三列布局，我们的基本模块就要六个DIV，一个是做容器用的总模块，所有的模块都包含在里面，还有就是两个侧边栏模块，还有一个中间的内容模块，还有一个脚模块，共六个，我们都用DIV，当然，一个完整的网站需要的模…

15Blogger网页架构设计之Float-- 含侧边栏的两列布局（十一）

Blogger - 六月 14, 2023
15Blogger网页架构设计之Float-- 含侧边栏的两列布局（十一）
本篇实作，我们来建立一个简单的两栏架构的网页，主要也是靠float的浮动功能来实现的，创建单侧边栏的两列布局，我们要五个DIV基本模块，一个是做容器用的总模块，所有的模块都包含在里面，还有就是一个侧边栏模块，还有一个中间的内容模块，还有一个脚模块，共五个DIV，这里我们只做大的骨架，当然，一个完整的网站需要…

14Blogger网页架构设计之Float--浮动可缩放的首字下沉效果 （十）

Blogger - 六月 13, 2023
14Blogger网页架构设计之Float--浮动可缩放的首字下沉效果 （十）
今天我们来实现一个常见的特殊排版--“首字缩放下沉”，也是要应用到浮动功能，通过这篇文章，你也会了，我们马上进入实操。

13Blogger网页架构设计之Float--浮动无序列表呈单行排列 （九）

Blogger - 六月 13, 2023
13Blogger网页架构设计之Float--浮动无序列表呈单行排列 （九）
本篇文章，我们应用浮动和无序列表来实现各个列表项由竖向排列转为水平排列，像一个导航菜单似的。

12Blogger网页架构设计之Float--浮动列表元素以实现返回和下一页 （八）

Blogger - 六月 12, 2023
12Blogger网页架构设计之Float--浮动列表元素以实现返回和下一页 （八）
在本实作中，我们做一个向左浮动的“后退”按钮和向右浮动的“下一步”按钮。我们也可以使用两个 div来完成，为了更简便，我们将使用两个列表元素轻松实现，下面，我们就进入实操！

11Blogger网页架构设计之Float-- 多图像和其对应标题的摆放技巧 （七）

Blogger - 六月 12, 2023
11Blogger网页架构设计之Float-- 多图像和其对应标题的摆放技巧 （七）
本文详细研究多个图像和他们对应标题一起浮动的控制效果，我们让多个图像及其标题排成一行，一直到他的容器的宽度，并展示内边距和外边距的效果区别，体会clear的换行效果！

10Blogger网页架构设计之Float-- 多图像浮动的操作技巧（六）

Blogger - 六月 12, 2023
10Blogger网页架构设计之Float-- 多图像浮动的操作技巧（六）
本文详细研究多个图像一起浮动的控制效果，主要展示向右浮动，竖向对齐的操作，其实就是clear的作用，下面直入主题！

9Blogger网页架构设计之Float-- 图像和标题一块浮动 （五）

Blogger - 六月 11, 2023
9Blogger网页架构设计之Float-- 图像和标题一块浮动 （五）
今天我们来手把手逐步实现 float 的图像和标题一起浮动，这个操作的核心是要把图像和标题当成一个整体，在这里就把他们放在一个DIV里就可以了，对这个div进行操作即可，我们立即进行实操！

8Blogger网页架构设计之Float-- 将图像浮动到右侧 （四）

Blogger - 六月 11, 2023
8Blogger网页架构设计之Float-- 将图像浮动到右侧 （四）
本篇文章开始，我们逐步来实现 float 的功能，这次我们来将图像向右浮动，看他是一个什么效果，同时还可以做一些什么操作。

7Blogger网页架构设计之Float-- 后面元素的处理（三）

Blogger - 六月 08, 2023
7Blogger网页架构设计之Float-- 后面元素的处理（三）
上一篇文章 谈到，浮动元素的上方元素不会受到影响，但是，他下边的元素是会受到影响的，所以，有时会造成我们不想看到的结果，本文我们就来谈谈该怎样处理。

6Blogger网页架构设计之Float 相关基础知识（二）

Blogger - 六月 07, 2023
6Blogger网页架构设计之Float 相关基础知识（二）
万丈高楼从地起，我们也要先学习 Float 相关的基础知识，然后循序渐进，接下来直接上干货！

5Blogger网页架构设计之Float 相关名词概念（一）

Blogger - 六月 06, 2023
5Blogger网页架构设计之Float 相关名词概念（一）
有了Float元素之后，网页设计变得非常的轻松简洁，但有朋友经常谈论到Float的用法，就感觉很抽象，比较难懂；其实这些新名词确实是晦涩难懂的，从这篇起，用几篇文章来透切的的讲解，今天主要讲一些名词概念。