首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
布局之美
订阅
假装文艺浪
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。 久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间,最大的差距可能就是信息差造成的。 …
2018年度最佳网页设计与开发教程
任何一个网站从开发到最终上线, 都是需要团队协作且谨慎的一个过程,而实际中往往会遇到各类问题,所以网页设计师通常需要扮演多种角色,除了掌握必备的网页设计技能外,更应该对后期的开发流程及内容有所了解,以便从全局来把握网页的美观与实用。这里小编总结了一些实用易懂的设计与开发教程,大…
前端响应式布局原理与方案(详细版)
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就够,缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果,分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
(12)把“可以动的盒子”更优雅地展示:① “伪元素”妙用 | CSS
前言: “伪元素”在我们创建样式的时候用处很多,它可以大大简化我们的代码量,还可以做一些出乎意料的动作。 用于创建一些不在文档树中的元素,并为其添加样式。 其中 content 是必不可少的。 | rotateZ(angle) | 定义绕着 Z 轴的 3D 旋转。 | 后记: …
伪类和伪元素
最近看一些前端面试题,经常有问到伪类和伪元素的作用以及两者区别,所以特意找了一些资料学习。下面是我对这一方面知识的理解和总结,可能会有遗漏或者一些出入,欢迎大家指正,相互交流~ 伪元素和伪类很像,但是伪元素类似于增添一个新的DOM节点到DOM树中,而不是改变元素的状态。注意了,…
移动端适配及PC端适配心得总结体会(一) (可能比较全
css中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素,当页面缩放比例为100%时,一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的,当用…
真的,移动端尺寸自适应与dpr无关
做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧。 1. 什么是尺寸自适应 首先说到自适应,可能在不同人眼里理解不同,特别与响应式的关系,在这里说一下我所…
Web自适应布局你需要知道的所有事儿
有这样一个问题。 别急,下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势,最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一,设置了float的元素脱离了文档流。需要注意在使用过浮动…
基于REM的移动端自适应布局方案
本文章为前端进阶系列的一部分,介绍了基于REM布局的移动端响应式开发的原理以及具体方案。
网页布局都有哪种?一般都用什么布局?
随着Web技术不断的革新,CSS近几年也变得多年前要更强大。在Web开发中,CSS是不可或缺的一部分,对于很多Web开发者来说,有很多CSS属性不知道,或者说他们知道,但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日,其中有一些CSS的属性可以让开发者能节约更多的时间。…