整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

CSS中几种数字函数的使用

SS函数中提供了几个比较实用的数字函数,它可以帮助我们实现一定的数学计算功能。常见的数字函数目前提供了五个:calc()max()min()clamp()函数。其基本实现功能如下:

  • calc():允许在声明 CSS 属性值时执行一些计算。
  • max():以从一个逗号分隔的表达式列表中选择最大(正方向)的值作为属性的值。其计算使用属性基本和calc()支持属性格式单位一致。
  • min():允许从逗号分隔符表达式中选择一个最小值作为 CSS 的属性值。其计算使用属性基本和calc()支持属性格式单位一致。
  • minmax():定义了一个长宽范围的闭区间,它与CSS 网格布局一起使用。
  • clamp():把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。

calc()函数之前的文章已经做了介绍,本篇文章主要介绍其他四个CSS数字函数。

max()函数

max()函数可以让我们获取所有参数表达式中最大的值作为属性的值。参数表达式支持的单位大小属性:<length><angle><time><percentage><integer>,其基础支持单位可以参考:CSS中如何使用calc()函数。其格式如下:

/* property: max(expression [, expression]) */
width: max(10vw, 4em, 80px);

其中expression 可以为具体的长度数值,也可以是一个表达式单位,表达式基础支持:加法、减法、除法、乘法、取模等。示例代码如下:

    <style>
        html,
        body {
            font-size: 14px;
        }

        .container {
            font-size: 20px;
        }

        .max {
            color: red;
            font-size: max(3vw,2em, 2rem, 18px);
        }
    </style>
    <div class="container">
        <h3>Max()函数使用示例</h3>

        <p class="max">Max()函数实现设置字体最大大小</p>
    </div>

如下为实现结果,可以通过改变窗口实现字体的大小:

min()函数

min()函数其实现基本与max()函数一致,唯一不同的是max()求取最大值,min()函数求取最小值。其格式如下:

/* property: min(expression [, expression]) */
width: min(1vw, 4em, 80px);

示例代码如下:

<style> 
   html, body {
     font-size: 14px;
   }
   .container {
      font-size: 20px;
   }     
   .min {
      color: gold;
      font-size: min(3vw,2em, 2rem, 18px);
   }
</style>
<div class="container">
    <h3>Min()函数使用示例</h3>
    <p class="min">Min()函数实现设置字体最大大小</p>
</div>

minmax()函数

minmax()函数一般与网格布局一起使用,通常与fit-content()repeat()函数被统称为网格函数。其使用格式如下:

/* <inflexible-breadth>, <track-breadth> values */
minmax(200px, 1fr)
minmax(400px, 50%)
minmax(30%, 300px)
minmax(100px, max-content)
minmax(min-content, 400px)
minmax(max-content, auto)
minmax(auto, 300px)
minmax(min-content, auto)

/* <fixed-breadth>, <track-breadth> values */
minmax(200px, 1fr)
minmax(30%, 300px)
minmax(400px, 50%)
minmax(50%, min-content)
minmax(300px, max-content)
minmax(200px, auto)

/* <inflexible-breadth>, <fixed-breadth> values */
minmax(400px, 50%)
minmax(30%, 300px)
minmax(min-content, 200px)
minmax(max-content, 200px)
minmax(auto, 300px)

需要注意的是如上的长度设置需要为非负数值,其使用数据格式如下:

  • <percentage>:相对于列轨道中网格容器的内联大小的非负百分比,以及行轨道中网格容器的块长宽。如果网格容器的长宽取决于其轴的长宽,则<percentage> 必须取值为auto
  • <flex>:单位为fr的非负维度,指定轨道弹性布局的系数值。每个<flex>长度的轨道都以其系数值比例均分剩余空间。
  • max-content:表示网格的轨道长度自适应内容最大的那个单元格。
  • min-content:表示网格的轨道长度自适应内容最小的那个单元格。
  • auto:作为最大值时,等价于 max-content。作为最小值时,它表示轨道中单元格最小长宽 (由min-width/min-height) 的最大值。

示例代码:

<style>
#container {
     display: grid;
     grid-template-columns: minmax(max-content, 300px) minmax(200px, 1fr) 150px;
     grid-gap: 5px;
     box-sizing: border-box;
     height: 200px;
     width: 100%;
     background-color: #8cffa0;
     padding: 10px;
}

#container>div {
     background-color: #8ca0ff;
     padding: 5px;
}

</style>

<h3>minmax()函数使用示例</h3>
    <div id="container">

        <div>
            与内容一样宽,<br />
            但是最多300px
        </div>
        <div>
            最少200px,占有其他空余空间宽度
        </div>
        <div>
           固定150px宽度
        </div>
    </div>

clamp()函数

clamp()函数是实现将一个值限制在一个上限、下限区域范围内,当这个值超过最小值和最大值范围时,在最小和最大值之间选择一个值使用。接收三个参数:最小值、首选值、最大值。格式如下:

clamp(MIN, VAL, MAX)
// 实现功能等同于
max(MIN, min(VAL, MAX))

三个参数使用规则如下:

  • 首选值比最小值要小时,则使用最小值。
  • 首选值介于最小值和最大值之间时,用首选值。
  • 首选值比最大值要大时,则使用最大值。

一般这样我们可以设置固定最大最小值,然后通过表达式方式设置首选值实现动态值得设置。示例代码如下:

<style>
        html,
        body {
            font-size: 14px;
        }

        .container {
            font-size: 20px;
        }
        .clamp {
            color: blue;
            font-size: clamp(1.8rem, 2.5vw, 2.8rem);
        }

</style>
    <div class="container">
        <h3>clamp()函数使用示例</h3>
        <p class="clamp">clamp()函数实现设置字体大小,不会小于设置的最小值,也不会超过设置的最大值</p>
    </div>

浏览器兼容性

浏览器

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView
Android

minmax()

支持
57

支持
16

支持
52

支持
44

支持
10.1

支持
57

支持
52

支持
43

支持10.3

支持
6.0

支持
57

clamp()

支持
79

019年QS Accounting and Finance专业中,悉尼大学位居世界第22名,全澳第3。

2019年QS Economics and Econometrics专业排名中,悉尼大学位居世界第37,全澳第4.

悉尼大学是目前大家申请的比较多的商学院之一,那么它的录取条件高吗? 希望接下来我分享的信息可以帮到你~


专业:Master of Commerce商学硕士

课程长度:2年

开学时间:2/8月,2月的申请截止日期是1.31,8月的申请截止日期是6.30

学费:£49,000/年

USyd code: MACOMMER3000


接下来我整理了大家常见的问题,供大家参考!~

问:该硕士学位有几个专业可以学习?

答:该学位有8个专业,分别是:会计,商业分析,商业经济学,商务信息系统,金融,物流及供应链管理,市场营销和人,管理及组织。


图片来源

作者:悉尼大学

来源:悉尼大学官网

链接: https://sydney.edu.au/courses/courses/pc/master-of-commerce.html


问:该专业的均分要求是多少?

答:澳洲院校65%

国内双非87分,985/211-75分.

如果本科均分不够,可以提供GMAT 630的成绩/或者通过GC GD课程进入。


问:我本科不是学习的商科专业,可以申请悉尼大学的Master of Commerce吗?

答: 该专业接受任何背景的学生进行申请。


问:该专业的语言要求高吗?

答:雅思总分7.0,单项6.0

或者TOEFL iBT:总分96,阅读听力口语17,写作19.


问:我目前没有语言成绩,可以申请吗?

答:这个专业在申请阶段可以先不提供语言成绩,大学在读生用本科六个学期成绩单进行申请,毕业生则提供毕业证,学位证和完整成绩单进行申请。


问:这个专业可以申请减学分吗?

答:以下情况可以有机会申请到1.5年的offer, 商学相关专业/有三年行业相关经验.

以下情况可以有机会申请到1年的offer, 商学相关专业+三年行业相关经验/有商学相关专业的硕士学位或者研究生文凭。


图片来源

作者:悉尼大学

来源:悉尼大学官网

链接: https://sydney.edu.au/courses/courses/pc/master-of-commerce.html


Case分享:

国内华南农大在读的X同学,拿到了悉尼大学Master of Commerce的offer.

截图自offer

鲁网·闪电新闻8月12日讯 截止到8月12日,山东已有多所高校开启2020年高考录取查询通道。以下是闪电新闻记者整理的部分山东高校录取查询通道,包括中国海洋大学、中国石油大学(华东)、临沂大学、泰山学院等21所高校。其他高校亦可通过学校官网、公众号和省教育招生考试院查询。(山东省教育招生考试院http://www.sdzk.cn/)

山东省2020普通高考录取查询

http://cx.sdzk.cn/GKLQ/

  • 中国海洋大学2020年录取查询

http://lqcx.ouc.edu.cn/static/front/ouc/basic/html_web/lqcx.html

录取结果查询

方式一:中国海洋大学本科生招生信息网

方式二:本科招生微信公众号

考生登录中国海洋大学本科招生官方微信公众号,点击底部菜单栏“招生信息”-“录取查询”进入查询界面,输入“高考报名号”和“身份证号”信息即可查询录取结果。

  • 中国石油大学(华东) 2020年高考信息查询

https://zhaosheng.upc.edu.cn/static/front/upc/basic/html_web/lqcx.html

省市

统计类型

科类

最高分

最低分

平均分

最高分排名

最低分排名

平均分排名

录取结束时间

山东

综合评价

综合改革

611

534

578.4

20033

107389

46631

2020-08-10

省市

统计类型

科类

最高分

最低分

平均分

最高分排名

最低分排名

平均分排名

录取结束时间

山东

音乐学

艺术(不分文理)

454

315

378.6

--

--

--

2020-08-11

  • 青岛科技大学2020年高考录取在线查询

https://zs.qust.edu.cn/cxxt.htm

8月9日,山东省提前批综合评价,计划录取120人,实际录取120人。录取学生中,综合评价最高 81.17 分,最低 74.89 分,文化课成绩最高 578 分,最低 512 分。

  • 济南大学2020年高考录取查询

http://admission.ujn.edu.cn/

  • 齐鲁工业大学普通高考录取查询系统

http://210.44.144.12/luquchaxun/

  • 山东农业大学2020年录取查询

http://202.194.131.173:8081/selectself

  • 曲阜师范大学2020年录取查询

https://zsb.qfnu.edu.cn/static/front/qfnu/basic/html_web/lqcx.html

省市

统计类型

科类

最高分

最低分

平均分

最高分排名

最低分排名

平均分排名

录取结束时间

山东

委培师范生

综合改革

586

511

555

--

--

74602

2020-08-11

山东

公费师范生

综合改革

624

555

576.1

--

--

48716

2020-08-11

山东

委培师范生

艺术(不分文理)

493

340

415.9

--

--

--

2020-08-09

山东

公费师范生

艺术(不分文理)

500

364

440.5

--

--

--

2020-08-09

山东

委培师范生

体育(不分文理)

618

571

596.9

--

--

--

2020-08-09

山东

公费师范生

体育(不分文理)

649

622

636.3

--

--

--

2020-08-09

  • 聊城大学2020普通高考录取结果查询

https://admission-art.lcu.edu.cn/query2020/index.jsp

已完成录取层次科类:

本科高水平运动队

本科普通类委培师范生

本科省属公费农科生

本科艺术公费师范生

本科艺术委培师范生

  • 鲁东大学高考录取查询

http://www.zs.ldu.edu.cn/index/lqcx.htm

  • 临沂大学2020年普通高考录取结果查询

http://lyu-enroll.cpdaily.com/cr-admission/enrollQuery/index.html#!/query

  • 山东财经大学2020年普通高考录取结果查询

https://zhaosheng.sdufe.edu.cn/inquire/admission-inquiries/

  • 青岛大学2020年高考录取查询

http://zhaosheng.qdu.edu.cn/static/front/qdu/basic/html_web/lqcx.html

  • 山东第一医科大学2020年本科提前批次(省属公费医学生)录取工作现已结束,考生录取结果以省教育招生考试院公布的录取去向查询结果为准(http://cx.sdzk.cn/GKLQ/)

  • 滨州医学院高考录取结果查询

http://zb.bzmc.edu.cn/admitrecord/list/30

  • 滨州学院2020年录取结果查询(山东省提前批)

https://zsjy.bzu.edu.cn/_web/commonquery/multipleQueryMatch.do?_p=YXM9MzI3JnQ9OTQzJnA9MSZtPU4m&id=261&mongo=false

  • 泰山学院2020年录取结果查询

泰山学院招生信息网、招生办公室微信公众号开通录取查询,报考泰山学院提前批的考生可以登录查询。

http://zhaosheng.tsu.edu.cn/

  • 潍坊学院2020年高考录取查询

http://zscx.wfu.edu.cn:8008/zsxt/zslqgl/wfxy/zswLqjd.zf

  • 山东警察学院2020年录取结果查询

http://zsjy.sdpc.edu.cn/lqxxcx.htm

  • 山东交通学院2020高考录取查询

http://zsw.sdjtu.edu.cn/

  • 山东女子学院2020提前批公费师范生和春季高考技能拔尖人才录取查询网址

http://zsxx.sdwu.edu.cn/index/lqcx.htm

  • 烟台南山学院2020录取查询

http://ns.nanshan.edu.cn/2020cx/index.asp

闪电新闻记者 张雪 报道