首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
张淼
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
移动端 web 开发技巧
移动端 web 开发技巧的小总结
[译] 前端项目中常见的 CSS 问题
When implementing a user interface in a browser, it’s good to minimize those differences and issues wherever you can, so that the UI is pre…
一劳永逸的搞定 flex 布局
寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存…
弹性盒模型Flex指南
Web layout 是Web UI中的基础架构, 重要性不言而喻. 传统的盒模型, 借助display, position, float 属性应对普通布局游刃有余, 但针对复杂的或自适应布局, 常常捉襟见肘. 比如垂直居中, 就是一个老大难的问题, 借助flex弹性盒模型, …
「前端那些事儿」③ CSS 布局方案
居中布局1、水平居中a)inline-block+text-aligntips:此方案兼容性较好,可兼容至IE8,对于IE567并不支持inline-block,需要使用csshack进行兼容b)ta
16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
基于 HTML5 WebGL 智能城市的模拟运行
智能城市是一个系统。也称为网络城市、数字化城市、信息城市。 智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城市的运行,了解城市每天中发生的变化,以及及时的根据这些变化做出相应的管理;其次是包括智能交通、智能电力、…
移动端适配的各种问题
随着苹果发布更多尺寸的大屏手机,加上Android生态中纷繁复杂的各种奇葩尺寸,移动设计全面进入“杂屏”时代。 1.给根元素大小设置随着视口变化而变化的 vw 单位,这样就可以实现动态改变其大小。 关于移动端适配,就说这么多了。
[译] CSS 变量实现炫酷鼠标悬浮效果
我最近从Grover网站上的有趣的悬停动画中获得灵感。将鼠标移动到订阅按钮上可以显示光标移动后的彩色渐变。这个想法很简单,但结果是一个按钮从复位和等待点击中脱颖而出。 我们需要做的第一件事便是跟踪鼠标光标的位置。 是的,只需要 6 行代码就可以让你的 CSS 知道用户鼠标的位置…
你真的会用getBoundingClientRect吗
本文介绍了什么是getBoundingClientRect;以及获取width,height的兼容性写法;最后介绍了两个使用场景:获取页面元素的位置和判断元素是否在可视区域。