网页设计css标题属性 第1篇
feature-tag-value
(OpenType 功能标记值)的值类型为string
类型时,是区分大小写的OpenType功能标记,包含四个ASCII字符(可以参考上面的注册功能)。
值为整数时,必须大于等于0
。值为0
表示该功能已禁用。对于布尔特性,值为1
则表示启用该特性。对于非布尔特性,值为1
或更大将启用要素并指示要素选择索引。值on
与1
同义,off
与0
同义。如果省略该值,则默认值为1
。
上面字体变体相关属性能设置的OpenType特性,就不要使用font-feature-settings
。原因如下:
font-kerning
属性控制使用字体中包含的调整数据的度量字距。字距调整是对字形间距的上下文调整。对于不包含字偶间距调整数据的字体,将没有可见效果。
字偶间距,也叫做字距调整,是在字间距的基础上,为实现不同字偶(一对字符)可以有不同字间距的调整值。我们都知道,不同的字母外形不同,所以只有同样的字间距是不协调的。例如,“NA”间是标准的字间距,而“WA”由于W和A的形状可以重叠,所以需要负字偶间距才能达到协调一致的外观。在大段落文字排版时,我们一般不需要更改字间距和字偶间距,因为字体设计师已经对他们做过了最优处理。在对一组字符单独设计时,就需要考虑字偶间距,以达到更协调的视觉效果。总的来说,字号越小,字距应当相对越大,行高也应该相对越大。反之亦然。
网页设计css标题属性 第2篇
需要注意的是,font-weight
属性的效果由font-family
决定。比如font-family
指定了某个字体,然后font-weight: bold;
,但是指定的字体中并没有bold
样式的字族,用户代理会转为使用与bold
相邻的可用字体粗细,具体规则如下:
数字值(1,900)对应的字体粗细名称:
根据CSS Fonts Module Level 4规范(以下简称 CFML4),相对粗细相对于父元素font-weight
的粗细如下表:
网页设计css标题属性 第3篇
背景,即background,简称bg。关于背景常见的属性就是:背景图片,没有图片的话就是背景颜色,背景大小等,另外还有假如背景图片比网页小该怎么办?背景图片太小该如何布局等问题。
在vscode中输入:bgc即可自动补全background-color,然后取色选择。
使用url()函数引入图片。
当背景图片比容纳背景图片的容器小的时候就必须使用填充方式。
最常用的属性值是:cover
这个属性解决的是:背景图片的停靠点,默认是背景图片左上角与容器左上角重合。也可以理解为图片的裁剪,即背景图片的哪个像素点与容器左上角进行重合。最常使用的值:center。
fixed:图片故在在网页上,移动不动,你把网页滑到图片这里 ,才能看见图片。scroll:图片像幽灵一样跟着走。
复合属性指的是:对于一个元素属性,他有细分属性。也可以把这些细分的属性合在一起写,比如,把背景大小和背景图片放在一起写,就成了复合属性。这个background属性必须按顺序写,否则不生效,即:第一个属性必须是引入图片,没有图片就没有改位置,如何填充的必要了。
各个属性值之间用空格隔开。基本不会使用这种方法。