自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1)
  • 资源 (10)
  • 收藏
  • 关注

原创 无限轮播 - iOS使用collectionView实现无限轮播图banner

iOS使用collectionView实现无限轮播自己封装了一个无限轮播功能,与大家一起分享. 有bug欢迎指正.主要代码:设置collectionView有几组: #define kMaxSection 100 //设置一个比较大的分区值 初始化定时器- (void)startTimer { self.timer = [NSTimer scheduledTimerWithTimeInte...

2018-05-04 15:06:53 1769

11_margin-left设置负值的问题.html

11_margin-left设置负值的问题

2024-10-09

07_浮动的练习03-京东多列布局.html

07_浮动的练习03-京东多列布局

2024-10-09

08_浮动的练习04-京东多列布局.html

08_浮动的练习04-京东多列布局

2024-10-09

10_浮动的练习05-考拉的多列布局.html

10_浮动的练习05-考拉的多列布局

2024-10-09

01_浮动-浮动的规则一二.html

01_浮动-浮动的规则一二

2024-10-09

05_浮动的练习01-空隙的解决方案.html

05_浮动的练习01-空隙的解决方案

2024-10-09

03_浮动-浮动的规则四.html

03_浮动-浮动的规则四

2024-10-09

04_浮动的练习-图文环绕.html

04_浮动的练习-图文环绕

2024-10-09

06_浮动的练习02-百度页码展示.html

06_浮动的练习02-百度页码展示

2024-10-09

12_元素定位-position设置为fixed-absolute特点二.html

12_元素定位-position设置为fixed-absolute特点二

2024-10-09

10_元素定位-绝对定位元素的特点一.html

10_元素定位-绝对定位元素的特点一

2024-10-09

17_定位元素的属性-z-index兄弟比较.html

17_定位元素的属性-z-index兄弟比较

2024-10-09

15_元素定位-粘性定位-sticky-临时滚动视口.html

15_元素定位-粘性定位-sticky-临时滚动视口

2024-10-09

11_元素定位-position设置为fixed-absolute特点一.html

11_元素定位-position设置为fixed-absolute特点一

2024-10-09

14_元素定位-粘性定位-sticky.html

14_元素定位-粘性定位-sticky

2024-10-09

16_定位元素的属性-z-index.html

16_定位元素的属性-z-index

2024-10-09

13_元素定位-绝对定位的练习.html

13_元素定位-绝对定位的练习

2024-10-09

06_元素定位-固定定位-fixed.html

06_元素定位-固定定位-fixed

2024-10-09

09_元素定位-绝对定位-absolute练习.html

09_元素定位-绝对定位-absolute练习

2024-10-09

08_元素定位-绝对定位-absolute.html

08_元素定位-绝对定位-absolute

2024-10-09

360浏览器mac 360浏览器mac

360浏览器mac 360浏览器mac

2024-10-09

CSS Flex布局详解及其重要属性应用

内容概要:本文深入讲解了CSS Flex布局的基本理念以及其对于现代Web开发尤其是移动互联网的重要性。详述了flex布局下父级flex container及子元素flex item的相关属性,具体介绍了flex-direction、flex-wrap等关键属性,并详细阐述justify-content、align-items等排列与对齐的方式及其对页面的影响。 适合人群:前端开发者,尤其是在进行响应式网页设计和移动端布局设计的技术人员。 使用场景及目标:适合于需要灵活调整界面布局的设计场景,在实际开发过程中可以帮助快速构建整齐划一又具有良好弹性的页面布局,提升用户体验并提高开发效率。 阅读建议:由于涉及较多CSS的具体操作细节与实践应用案例,阅读本文之前最好具备一定的CSS基础知识。为了更好地理解和掌握Flex布局,推荐跟随示例亲手进行代码实践以加深理解。

2024-10-09

CSS进阶:Transform、Transition、Animation及Vertical-align详解

本文主要介绍了CSS中的Transform属性、Transition过渡动画、关键帧Animation以及Vertical-align属性的功能特性和用法。通过对这几个重要的布局排版相关技术细节展开解析,并提供了多个使用场景的具体示例进行说明,帮助设计师理解和运用各种特性来提高用户体验效果。适用于初学者和专业开发者深入了解CSS特性及其实际应用场景。 适用人群:有一定CSS基础的设计从业人员、网站开发者及Web开发学习爱好者。 使用场景及目标:包括网页页面的交互设计、动态效果优化和提升视觉体验等。 其他说明:为了确保理解每个概念的应用场景,还探讨了如transform origin定位基准设定原则、transition各子属性间协调合作实现动画效果的最佳实践及vertical align涉及的一系列复杂因素对网页显示可能产生的影响。

2024-10-09

15_flex布局常见问题.html

15_flex布局常见问题

2024-10-09

11-item-flex-grow.html

11-item-flex-grow

2024-10-09

13-item-flex-basis.html

13-item-flex-basis

2024-10-09

10-item-align-self.html

10-item-align-self

2024-10-09

12-item-flex-shrink.html

12-item-flex-shrink

2024-10-09

14-item-flex.html

14-item-flex

2024-10-09

09-item-order.html

09-item-order

2024-10-09

08-container-align-content.html

08-container-align-content

2024-10-09

07-container-align-items.html

07-container-align-items

2024-10-09

05-container-flex-flow练习.html

05-container-flex-flow练习

2024-10-09

01_重要概念-flex-container-item.html

01_重要概念-flex-container-item

2024-10-09

06-container-justify-content.html

06-container-justify-content

2024-10-09

04-container-flex-wrap.html

04-container-flex-wrap

2024-10-09

02_flex模型-各种概念.html

02_flex模型-各种概念

2024-10-09

03-container-flex-direction.html

03-container-flex-direction

2024-10-09

12_浮动的问题-高度塌陷.html

12_浮动的问题-高度塌陷

2024-10-09

02_浮动-浮动的规则三.html

02_浮动-浮动的规则三

2024-10-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除