CSS
文章平均质量分 87
qq2276031
这个作者很懒,什么都没留下…
展开
-
flex布局教程
写给自己看的display: flex布局教程 « 张鑫旭-鑫空间-鑫生活原创 2021-11-18 02:37:40 · 310 阅读 · 1 评论 -
2.vue-element-admin SCSS
body { height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;}font-.原创 2020-07-29 00:09:22 · 492 阅读 · 0 评论 -
css少见的标签
font-smoothing抗锯齿-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;-webkit-font-smoothing它有三个属性值:none:对低像素的文本比较好 subpixel-antialiased:默认值 antialiased:抗锯齿很好解决光标颜色和文字颜色一致@supports (-webkit-mask: none) and (not (cater-col.原创 2020-07-01 18:18:37 · 284 阅读 · 0 评论 -
网站CSS进行架构
一、写在前面的都是自己积累形成的一些东西,可能带有明显的个人印记。不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解。以得到进步与提高。二、我所知的一些过往的做法关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的眼界不同而有所不同。由于我从业经历有限,所知甚浅,只能说些肤浅业余的内容,不准确之处欢迎指出。就CSS文件而言,有的网站分为header.css, body.css, foo原创 2020-05-29 12:08:52 · 297 阅读 · 0 评论 -
史上最全Html和CSS布局技巧
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline-block;}优点:兼容性好;不足:需要同时设置子元素和父元素使用margin:0 auto来实现原创 2020-05-29 09:53:54 · 220 阅读 · 0 评论 -
font-size思考前端设计稿与工作流
从网易与淘宝的font-size思考前端设计稿与工作流阅读目录1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。1. 问题的引出最近阅读白树的博文《移动web资源整理》时,他在博文中原创 2020-05-23 11:37:42 · 310 阅读 · 0 评论 -
[HTML/CSS]Flex布局中space-evenly的兼容性
属性介绍 space-evenly:均匀排列每个元素,每个元素之间的间隔相等 space-between:均匀排列每个元素,首个元素放置于起点末尾元素放置于终点思路 假设我们容器里面有3个元素 space-evenly: 容器剩余空间由4个间隙平分 space-between: 容器剩余空间由2个间隙平分 即, 如果我们在space-between的情况下添加两个宽度为0的伪类(n-1+2),那么就等于是在用space-evenly布局(n+1)...原创 2020-05-23 09:59:14 · 892 阅读 · 0 评论 -
PostCSS——css必备
postcss越来越重要了,经常可以看到它的身影,比如面试,论坛。本篇文章是小编参考多方资料以及官网总结出来的,喜欢多多支持,谢谢!什么是postcsspostcss 一种对css编译的工具,类似babel对js的处理,常见的功能如:1 . 使用下一代css语法2 . 自动补全浏览器前缀3 . 自动把px代为转换成rem(rem不熟悉的,点这)4 . css 代码压缩等等postcss 只是一个工具,本身不会对css一顿操作,它通过插件实现功能,autoprefixer 就是其一原创 2020-05-22 17:20:28 · 278 阅读 · 0 评论 -
官人:你了解过移动端适配吗?
前言很多人聊起移动端适配都是懵逼状态,都想口吐芬芳。难道移动端还要适配,直接px写死,其他自适应不就完了吗?其实不然,要求严格的公司会要求缩放比例完全相同,简单说就是,在每个手机上的每一行的字数都要一样。接下来,我们就要细说移动端适配的前世今生1、为什么要移动端适配?一般情况下设计稿的设计师按照375的尺寸设计,然而,在现在移动终端(就是手机)快速更新的时代,每个品牌的手机都有着不同的物理分辨率,这样就会导致,每台设备的逻辑分辨率也不尽相同,此时357的设计稿,如果想要还原那基本是不可能了,因原创 2020-05-12 16:49:19 · 151 阅读 · 0 评论