css零散小技巧

jayzou 发布于2019-08-30 15:43 / 1152人阅读

摘要：使用为元素嵌入自定义属性这样在关联某些元素时可以通过指定相同自定义属性实现语法其中标识一个或多个字符且不允许大写若是想将整张图片作为页面背景可编辑如下不需要包围需要掌握布局是的的倍数单位若设置的为则为使得元素在浏览器窗口内水平垂直

1.使用 data-* 为元素嵌入自定义属性,这样在关联某些元素时可以通过指定相同自定义属性实现
语法: ="somevalue">,其中标识一个或多个字符,且不允许大写.

2.若是想将整张图片作为页面背景,可编辑如下css:
html
{

background: url(https://www.baidu.com) bottom center;        //url不需要""包围
background-size:cover;

}

3.需要掌握Flex布局:

4.rem是html的font-size的倍数单位,若设置html的font-size为10px,则1.5rem为15px.

5.
.keys { //使得.keys元素在浏览器窗口内水平垂直居中

display: flex;
flex: 1;
min-height: 100vh;  //必须包含视窗高度,不加则默认在纵轴向上对齐.
align-items: center;
justify-content: center;

}

GPU云服务器云服务器 css技巧小技巧小技巧全集 PowerShell小技巧

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116006.html

《第五届中国CSSConf开发者大会》参会总结

摘要：剖析新版，为你所用大漠第二个议题是大漠老师的，大漠老师是的站长，著有图解核心技术与案例实战。自定义属性大漠老师多次强调，这叫做自定义属性，不叫变量。前言对于我来讲，虽然做前端那么多年，但对 CSS 的探索非常少，很多 CSS 知识还是在毕业之前积累下来。揣着一本《精通CSS:高级Web标准解决方案(第二版)》（现在出第三版了，这是我在 CSS 道路上的启蒙书）在前端路上走了这么几...

TerryCai 2019-08-29 18:34 评论0 收藏0
编程技巧：尝试不用 If 语句编程

摘要：两个例子比较而言，语句的实现可能更具兼容性，可以适应于数组元素是小数的情况。若数组元素为浮点类型，第二个例子就无法正常使用。开发环境推荐是基于浏览器的集成式开发环境，支持绝大部分编程语言，包括小程序等等，无需下载安装程序，一键切换开发环境。 Coding Tip: Try to Code Without If-statements showImg(https://segmentfaul...

jackwang 2019-08-26 11:31 评论0 收藏0
关于前端的思考与感悟

摘要：而作为一个从成都的菜鸟，蜕变成一名北京的菜鸟，也来谈谈自己对于前端的理解。来了北京之后，才算是见识了真正的前端。随着学习的慢慢提升，会感觉到北京的前端更加具有明确的方向。总的来说，在北京，前端更加专业与明确一点，发展更加好一点。万事开头难。当我想要认真写一篇文章向大家分享我对前端的认识与感悟的时候，突然就深刻的体会到了这句话确实太有道理了。最近几年对于web前端的传闻很多，比如人...

opengps 2019-08-30 12:58 评论0 收藏0
关于前端的思考与感悟

摘要：而作为一个从成都的菜鸟，蜕变成一名北京的菜鸟，也来谈谈自己对于前端的理解。来了北京之后，才算是见识了真正的前端。随着学习的慢慢提升，会感觉到北京的前端更加具有明确的方向。总的来说，在北京，前端更加专业与明确一点，发展更加好一点。万事开头难。当我想要认真写一篇文章向大家分享我对前端的认识与感悟的时候，突然就深刻的体会到了这句话确实太有道理了。最近几年对于web前端的传闻很多，比如人...

ideaa 2019-08-19 18:09 评论0 收藏0