最新发布

CSS变量(自定义属性)实践指南

Sass和Less这样的预处理器,让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性,增强了动态编写CSS的能力,从而减少重复代码,也加快了我们开发速度。 近年来...更多

2021-11-09 23:32:53 203浏览

data-*属性具体怎么用

data-* 属性用于存储页面或应用程序的私有自定义数据。 data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。 存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的...更多

2021-10-27 01:28:56 63浏览

flex布局案例实现两边对齐,自动间距分配

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title...更多

2021-10-26 00:47:36 141浏览

Flex 布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于 盒状模型 ,依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便,比如, 垂直居中 就不容易实现...更多

2021-10-25 23:28:17 170浏览

Flex 布局教程:实例篇

不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅 《Flex布局教程:语法篇》 。我的主要参考资料是 Landon Schropp 的文章和 Solved by Flexbox 。 一、骰子的布局...更多

2021-10-25 23:23:58 101浏览

Flex 布局全解

一、简要介绍 css3最喜欢的新属性之一便是flex布局属性,用六个字概括便是 简单、方便、快速。 flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主...更多

2021-10-25 23:20:57 129浏览

js鼠标滚动滑动一屏代码

!DOCTYPE html style html, body { height:100%; } body { margin:0px; } div { height:100%; font-size:60; text-align:center } /style body script addEventListener(DOMContentLoaded,function(){ var body=document.body,html=document.documentElement; var itv,he...更多

2021-10-08 00:48:47 163浏览

css3 align-self 属性使用方法及示例

align-self属性为flex容器中的元素指定默认对齐方式。 align-self属性值 值 描述 auto 默认值,元素继承了它的父容器的 align-items 属性。如果没有父容器则为 stretch。 baseline 元素位于flex容器的基线。...更多

2021-10-07 01:32:08 173浏览

浅谈CSS3中display属性的Flex布局

最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex 1 .container { 2 display : flex ; 3 flex-direction : column ; 4 align-items : center ; 5 background-color : #b3d4db ; 6 } 编译之后的效果很...更多

2021-10-07 01:09:21 77浏览

友情链接
24小时服务电话:13992352808 地址:陕西省西安市,长乐西路180号 WebDesign ©2012 Corporation 360°神搜网络科技传媒技术服务中心 网站地图