HTML/CSS - 复制未来

15 excellent responsive CSS frameworks

! 1240 Response type Web Design Designed for all kinds of devices （ From desktop monitors to mobile phones ） Provide the best browsing experience...

2021-02-27 22:30:48 阅读数:2 评论数:0 作者:Go with the wind

css frameworks excellent responsive

15 个优秀的响应式 CSS 框架

! 1240 响应式 Web 设计旨在为各种设备（从台式机显示器到手机）提供最佳的浏览体验。本文汇总了一些优秀的响应式 Web 设计 HTML 和 CSS 框架。这些框架都是开源的并免费的。对响应式 Web 框架进行比较并不那么容易。有的框架适合设计更快、更精简网站的某些功能，而有些可能提供了大...

2021-02-27 22:30:08 阅读数:2 评论数:0 作者:前端飘哥

css 框架优秀响应

Day 50 learn to punch in (CSS rounded border box shadow positioning)

4.4 Rounded border Rounded border ： !DOCTYPE html html lang='en' head meta charset='UTF 8' title Title /title ! Frame ...

2021-02-27 20:57:20 阅读数:2 评论数:0 作者:bbsmax

css day rounded learn punch

第50天学习打卡（CSS 圆角边框盒子阴影定位）

4.4圆角边框圆角边框： !DOCTYPE html html lang='en' head meta charset='UTF 8' title Title /title ! 边框border:左上右上右下左下：顺时针方向 ...

2021-02-27 20:56:39 阅读数:2 评论数:0 作者:bbsmax

学习 css 打卡圆角边框

[webpack] 867 - webpack optimizes blocked CSS

http://interview.poetries.top/ With the rapid development of browsers , The performance and speed of web pages are getting better and better , And it...

2021-02-26 16:52:13 阅读数:2 评论数:0 作者:pingan8787

css webpack blocked optimizes

[CSS] 872 - Analysis of REM layout scheme

Some pixel concepts Physical pixel ： Every physical pixel in fact , That is, every physical display unit on a mobile device （ spot ） Device logic...

2021-02-26 16:51:53 阅读数:2 评论数:0 作者:pingan8787

css Scheme layout rem analysis

【Webpack】867- Webpack 优化阻塞的 CSS

http://interview.poetries.top/ 随着浏览器的日新月异，网页的性能和速度越来越好，并且对于用户体验来说也越来越重要。现在有很多优化页面的办法，比如：静态资源的合并和压缩， code splitting ， DNS预读取等等本文介绍的是另一种优化方法：首屏阻塞c...

2021-02-26 16:47:48 阅读数:3 评论数:0 作者:pingan8787

优化 webpack 阻塞 867-

【CSS】872- 浅析rem布局方案

一些像素概念物理像素：即实际的每一个物理像素，也就是移动设备上每一个物理显示单元（点）设备逻辑像素（ css 中的 px ）：可以理解为一个虚拟的相对的显示块，与物理像素有着一定的比例关系，也就是下面的设备像素比设备像素比（ dpr ）：= 物理像素 / 设备独立像素( px ) 如果 dp...

2021-02-26 16:47:43 阅读数:2 评论数:0 作者:pingan8787

css 布局 rem 浅析 872-

Css in Js

Background Tradition “ Separation of concerns ” All kinds of technologies are only responsible for their own fields , Don't mix it up , Form coup...

2021-02-26 15:54:16 阅读数:2 评论数:0 作者:Thanks to Xiaobai

HTML/CSS css JS 掘金

HTML to solve the problem of click a tag refresh, do not refresh when you click

Html To solve the problem, click a The problem of label refresh , Do not refresh when clicking Reference article ：（1）Html To solve the problem, ...

2021-02-26 15:46:45 阅读数:2 评论数:0 作者:Technology feast

html problem tag click solve

Html中解决点击 a 标签刷新的问题，实现点击时不刷新

Html中解决点击 a 标签刷新的问题，实现点击时不刷新参考文章：（1）Html中解决点击 a 标签刷新的问题，实现点击时不刷新 1_Html_ a （2）https://www.cnblogs.com/iStu/p/8549946.html 备忘一下。 1_Html_ a : https:/...

2021-02-26 15:42:49 阅读数:2 评论数:0 作者:技术盛宴

html 标签刷新解决点击

CSS notes (1) - BFC

1. Preface ! image The figure above is the summary of this paper BFC Mind maps about . Let's go through all the concepts that appear in the abov...

2021-02-26 15:15:43 阅读数:3 评论数:0 作者:Xiaofei 2020

HTML/CSS css Notes bfc SegmentFault

CSS笔记(1)-BFC

1. 前言 ! image 上图是本文整理的与 BFC 有关的思维导图。下面将逐个介绍上图中出现的所有概念。 2. 正文 2.1 Formatting Context 它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。包括BFC和IFC。 2...

2021-02-26 15:07:19 阅读数:3 评论数:0 作者:小飞2020

HTML/CSS css 笔记 bfc SegmentFault

Billion dots play CSS | horizontal gradient

.markdown body {word break:break word;line height:1.75;font weight:400;font size:15px;overflow x:hidden;color: 333 }.markdown body h1,.markdown body h...

2021-02-26 12:59:59 阅读数:2 评论数:0 作者:Zhang Fengjie

css play horizontal dots billion

亿点点玩 CSS | 水平渐变 linear-gradient

.markdown body {word break:break word;line height:1.75;font weight:400;font size:15px;overflow x:hidden;color: 333 }.markdown body h1,.markdown body h...

2021-02-26 11:58:25 阅读数:2 评论数:0 作者:张风捷特烈

css 渐变水平点点点玩

Residual image in the process of HTML5 drag and drop

Step on the pit in the project , Use Drag When doing drag and drop sort , At the beginning of the drag, the shadow is still clearly visible , It's ...

2021-02-25 15:14:47 阅读数:3 评论数:0 作者:China Construction Bank

html html5 image process residual

Html5 拖放过程中的残影

项目中踩坑，使用 Drag 进行拖放排序的时候，一开始拖动时候的残影还是清晰可见的，改完 design 之后发现残影虚了，看不清楚，费了一上午时间终于发现了问题所在；新 design 可拖动的块的宽度有所增加难道是宽度影响？宽度并不无辜就是他! 见下图 ! 不同尺寸下的拖放残影 Image...

2021-02-25 14:29:44 阅读数:5 评论数:0 作者:中国建设银行

html html5 过程中拖放放过

Jquery load() repeatedly loads JS and CSS for many times

jquery load() Load repeatedly , Load more than once js and css The solution to the problem Reference article ：（1）jquery load() Load repeatedly ,...

2021-02-25 09:40:47 阅读数:3 评论数:0 作者:javail

JS Jquery load loads repeatedly

jquery load()重复加载，多次加载 js 和css问题的解决办法

jquery load()重复加载，多次加载 js 和css问题的解决办法参考文章：（1）jquery load()重复加载，多次加载 js 和css问题的解决办法 1_jquery load_ js _css （2）https://www.cnblogs.com/mengyehongmans...

2021-02-25 09:39:25 阅读数:4 评论数:0 作者:javail

Jquery load 加载重复多次

CSS layout techniques you may not be familiar with

With Web Technological innovation ,CSS In recent years, it has become more powerful many years ago . stay Web In development ,CSS Is an integral part...

2021-02-24 21:15:06 阅读数:5 评论数:0 作者:front end

css layout techniques familiar

CSS Calc height by width

If the aspect ratio is certain , And the width is 100%, Then the height is certain . Application scenarios ： It is known that the aspect ratio of vi...

2021-02-24 17:55:06 阅读数:5 评论数:0 作者:Changing seasons

css calc height width

css calc 根据宽求高

假如宽高比是确定的，且宽为100%，那么高也就确定了。应用场景：已知视频播放器宽高比为 16 / 9，那么高为：calc(100vw 9 / 16) 参考资料： https://www.cnblogs.com/liyuanhong/articles/13174000.html https_www....

2021-02-24 17:54:45 阅读数:5 评论数:0 作者:四季变幻

HTML/CSS css 开源中国 calc

精选公众号（合作发邮件）

编程之旅，人生之路，不止于编程，还有诗和远方。
阅代码原理，看框架知识，学企业实践；
赏诗词，读日记，踏人生之路，观世界之行；