Rumah > hujung hadapan web > tutorial css > CSS简写的技巧有哪些?五个css小技巧总结

CSS简写的技巧有哪些?五个css小技巧总结

云罗郡主
Lepaskan: 2018-10-20 13:46:25
asal
2327 orang telah melayarinya

很多人在学习css的时候,都想知道css有哪些技巧,其实掌握css样式技巧对自己编写css也是有一定的帮助的,那么CSS简写的技巧有哪些?下面我们来总结一下五个css小技巧。

timg.jpg

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

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;
Salin selepas log masuk

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

二:边框的属性如下:

border-width:1px;
border-style:solid;
border-color:#000;
Salin selepas log masuk

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

border:1px solid #000;
语法 border:width style color;
Salin selepas log masuk

三:颜色的写法

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

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

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

以上就是对CSS简写的技巧有哪些?五个css小技巧全部介绍,如果你想了解更多有关CSS视频教程,请关注php中文网。


Atas ialah kandungan terperinci CSS简写的技巧有哪些?五个css小技巧总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan