博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css常用代码含义
阅读量:6870 次
发布时间:2019-06-26

本文共 962 字,大约阅读时间需要 3 分钟。

1.font:12px Arial, Helvetica, sans-serif;

使用了缩写,完整的代码应该是:font-size:12px; font-family:Tahoma;说明字体为12像素大小,字体为Arial, Helvetica, sans-serif格式;

2.margin:0px;

完整的代码是:margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;   或  margin:0px 0px 0px 0px;  顺序是 上 / 右 / 下 / 左, 如果使用auto则是自动调整边距 , 

另外还有以下几种写法:

margin:0px auto;
说明上下边距为0px,左右为自动调整;
以后将使用到的padding属性和margin有许多相似之处,他们的参数是一样的,
只不过各自表示的含义不相同,margin是外部距离,而padding则是内部距离。

margin:1px 10px 3px ;   等价于1px 10px 3px 10px

说明上边距1px,左右边距10px,下边距为3px。

规则如下:

如果缺少左外边距的值,则使用右外边距的值。
如果缺少下外边距的值,则使用上外边距的值。
如果缺少右外边距的值,则使用上外边距的值。

 

3.background:#ccc url('bg.gif') top left no-repeat;

表示:使用#CCC(灰度色)填充整个层,使用bg.gif做为背景图片,

top left

表示图片位于当前层的左上端,no-repeat表示仅显示图片大小而不填充满整个层。

top/right/bottom/left/center

用于定位背景图片,分别表示 上 / 右 / 下 / 左 / 中;还可以使用

background:url('bg.gif') 20px 100px;

表示X座标为20像素,Y座标为100像素的精确定位;

repeat/no-repeat/repeat-x/repeat-y

分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。

 

 

转载于:https://www.cnblogs.com/xiaomifeng/p/4505906.html

你可能感兴趣的文章
Nginx使用教程(一):Nginx编译参数详解
查看>>
最近面试的几个额外问题
查看>>
OpenCms JSP 模板开发——创建一个简单的JSP模板
查看>>
百度网盘上下载文件,调用api接口的请求方式和参数
查看>>
Spring+Mybatis+SpringMVC+Maven+MySql搭建实例
查看>>
js 自定义类
查看>>
caddy server 默认https && http2的验证
查看>>
物联网数据卡系统源码——通信模块整体概述
查看>>
《学习OpenCV3》目录和全书划分
查看>>
翻转字符串
查看>>
生活娱乐 24岁姑娘端22碗米粉面不改色
查看>>
2-05. 求集合数据的均方差(15) (数学啊 ZJU_PAT)
查看>>
城市公交网建设问题
查看>>
Android图片加载框架Picasso最全使用教程5
查看>>
静态与伪静态
查看>>
SAML
查看>>
安装配置PhoneGap开发环境(一)
查看>>
设计模式学习笔记--备忘录(Mamento)模式
查看>>
OGG目的端的checkpoint table被drop的修复方法
查看>>
android 通过bitmapfactory得到图片真实像素的方法,以及没有得到真实像素的原因
查看>>