德学培训网 > 合肥培训学校 > 合肥荣博教育培训学校欢迎您!
13560077759
全国咨询热线:8:30-21:00

很实用的CSS 语法的缩写规则

编辑:合肥荣博电脑培训已有53人浏览!2018-11-13 01:11:19
【很实用的CSS 语法的缩写规则哪家好?】合肥荣博教育培训学校是合肥地区专业的合肥网页设计培训学校,合肥网页设计培训学习时间的长短,取决于学员的上课率,还有对知识的认知度,以及选择的班级。详细上课时间以实际报名班级为准!
学习资料

今天小编主要给大家介绍css的主要缩写规则,内容就涉及到颜色、盒尺寸、边框、背景、字体以及列表等等方面。而缩写的目的是为了减少CSS文件的大小,让css文件更加易于阅读。

CSS缩写的主要规则如下:

(一)颜色

要是16进制的色彩值当中每两位的值一样,那就可以缩写一半,如下:

#000000能缩写为#000;

#336699能缩写为#369;

(二)盒尺寸

以下有四种书写方法:

(1)property:value1:指的是全部边都是一个值value1;

(2)property:value1value2:是指top以及bottom的值为value1,right以及left的值为value2;

(3)property:value1value2value3:指的是top的值是value1,right以及left的值为value2,然而bottom的值是value3;

(4)property:value1value2value3value4:这四个值分别表示top,right,bottom以及left。

记忆方法便利的是顺时针,上右下左。应用在margin以及padding的例子如下:

CSS语法的缩写规则_css教程_css基础_课课家

(三)边框(border)

边框属性如下图:

边框

能缩写为:border:1px,solid#000;

语法为:border:widthstylecolor;

(四)背景(Backgrounds)

背景属性如下图:

背景

能缩写为:background:#f00url(background.gif)no-repeatfixed00;

语法为:background:colorimagerepeatattachmentposition;

能省略其中的一个或者是多个属性值,要是省略的话,这个属性值就会用浏览器的默认值,它的默认值是:

背景

(五)字体(fonts)

字体属性如下图:

字体

能缩写为:font:italicsmall-capsbold1em/140%LucidaGrande,sans-serif;

注意:要是缩写字体定义,至少要定义font-size以及font-family这两个值。

(六)列表(lists)

取消默认的圆点以及序号如下:list-style:none;,

list属性如下图:

列表

能缩写为:list-style:squareinsideurl(image.gif);

总结:缩写的主要目的就是为了减少CSS文件的大小,让css文件更加易于阅读。我们网站将会给大家介绍更多关于Web开发的内容。

以上是很实用的CSS 语法的缩写规则哪家好的全部内容介绍,如需了解更多合肥网页设计培训班课程上课地址、开班、免费试听等信息,可以点击进入合肥网页设计培训列表或留下您的联系方式,让老师为您定制专属课程,开始您的学习之旅。您也可以通过以下方式联系我们或预约试听!
合肥网页设计培训免费体验与试听,只要简单2就可以!
合肥荣博教育培训学校预约试听
1在线预约
2确认与试听
1、预约成功后,老师会及时与您确认到校时间,并为您安排测评及适合您当前水平的试听课;
2、确认时间后,请您按时到达校区开始体验合肥网页设计培训的专业服务与试听课
相关合肥网页设计培训搜索
在线咨询
在线报名
在线报名

马上填写! 轻松领取免费试听课