文档章节

CSS 简写

DannyTam
 DannyTam
发布于 2016/12/01 18:30
字数 348
阅读 9
收藏 0

background属性的值的书写顺序官方并没有强制标准的。

为了可读性,定一个CSS书写规范,规则2.1:background的值的顺序是

background-color | background-image | background-repeat | background-attachment| background-position

background-color:#999999; //元素的背景色
 background-image : url("path/bgFile.gif"); //设置背景图像
 background-repeat : repeat-x | repeat-y | repeat | no-repeat; //设置重复方式
 background-attachment : fixed | scroll; //设置背景图片的固定方式
 background-position : X轴坐标,Y轴坐标[top,bottom,center,left,right,20px,10%];  //设置背景的左上角位置,坐标可以是以百分比或固定单位

font-style | font-variant | font-weight | font-size | font-family
font-family(字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜);
font-variant (字体变化): normal(正常)或small-caps(小体大写字母);
font-weight (字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);
font-size(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em

border-width | border-style | border-color

border-style

用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

border-width

简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。

border-color

简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。

 

 

© 著作权归作者所有

共有 人打赏支持
DannyTam
粉丝 4
博文 111
码字总数 58790
作品 0
深圳
程序员
私信 提问
10个CSS简写及优化技巧

10个CSS简写及优化技巧 CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介...

九夏光年
2017/05/21
0
0
CSS(一) CSS背景

CSS背景 ---------- 既有css3之前的用法也有css3的用法,没有区分出来哈,我想要速成就没有管这个。 CSS设置背景颜色:属性background-color,这个属性的作用范围是,background-color 属性为...

年少爱追梦
2016/06/08
45
0
前端必知的Emmet实用操作

哈哈哈,这是第一篇专栏,本文首发于刘星的个人博客 这是一篇介绍Emmet的文章,Emmet是专为我们前端开发人员设计的一个工具,可以大大提高您的HTML和CSS工开发效率。可以说是前端开发的神器之...

流口水流
2017/05/29
0
0
HTML代码简写法:Emmet和Haml

HTML代码写起来很费事,因为它的标签多。 一种解决方法是采用模板, 在别人写好的骨架内,填入自己的内容。还有一种就是我今天想要介绍的方法----简写法。 常用的简写法,目前主要是Emmet和H...

阮一峰
2013/06/11
0
0
Slicy 发布 1.1 版本,切图框架

切图框架slicy发布1.1版本,可兼容 ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。我们收到了一些反馈,褒贬不一,大部分人认为slicy的兼容性非常好,少部分人则认为slicy不应...

专注做前端
2016/04/13
2.7K
3

没有更多内容

加载失败,请刷新页面

加载更多

EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
3
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
6
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
7
0
CompletableFuture get方法一直阻塞或抛出TimeoutException

问题描述 最近刚刚上线的服务突然抛出大量的TimeoutException,查询后发现是使用了CompletableFuture,并且在执行future.get(5, TimeUnit.SECONDS);时抛出了TimeoutException异常,导致接口响...

xiaolyuh
今天
5
0
dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部