资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS中5个简写小技巧

小编给大家分享一下CSS中5个简写小技巧,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司是一家专业提供闻喜企业网站建设,专注与网站设计、成都网站制作html5、小程序制作等业务。10年已为闻喜众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

一:css盒子的大小,css盒子主要有两个属性,就是margin和padding,两种用法也是相同的,我们都知道,盒子是立体的,并且有四个方向,每一个方向都有一个边框,那么我们以margin为案例,代码如下:

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;

如果你感觉以上太过于复杂,不够简单,你也可以这样写margin:2px 3px 3px 2px;语法margin:top right bottom left;两种表示方法也是一样的。

二:边框的属性如下:

border-width:1px;
border-style:solid;
border-color:#000;

我们也可以换另外一种代码:

border:1px solid #000;
语法 border:width style color;

三:颜色的写法

css中颜色的表示方法是采用十六进制去表示,如果出现前两位代码相同,就可以简写成一半。

四:很多学生在学习css的时候,当写完最后一个属性的时候,总喜欢写上分号,其实最后一个分号是可以不写的。

五:我们可以用fonts来表示字体,但是前提我们要对缩写字体进行定义,分别使用font-size和font-family两个值来表示。

以上是“CSS中5个简写小技巧”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站题目:CSS中5个简写小技巧
链接URL:http://www.cdkjz.cn/article/ggcdoh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220