CSS初级教程(二)- CSS Selectors,Properties,and Values 选择器 、属性、值

HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。

每个选择器都有属性在{}里面,比如简单点像color,font-weightbackground-color

值在冒号(不是等号)后面,分号分离属性。

css 代码
  1. body {   
  2.  font-size: 0.8em;   
  3.  colornavy;   
  4. }   

上面的意思是为body选择器设置font-size字体大小和color字体颜色

所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。

长度和百分比

CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。

em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。

px比如font-size:12px是pixel像素的单位。

pt比如font-size:12px是points镑的单位。

%比如font-size:80%是百分比

其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)

当值是零的时候,不需要单位,例如:border:0意思没有边框。

网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。

因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值