Dreamweaver 中CSS定义的面板可以实现对CSS的编辑,这里对其中几项不是很熟悉的作下笔记:
因为时间珍贵,所以很大一部分都是转自网络的内容。而且对于这些内容,别人已经整理的很好了,没有必要再自己去每个字想着去打。
定义面板总共分为8个选项卡,下面一一总结:
一、【类型】
1.font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
值 | 描述 |
---|---|
normal | 默认值。浏览器会显示一个标准的字体。 |
small-caps | 浏览器会显示小型大写字母的字体。 |
inherit | 规定应该从父元素继承 font-variant 属性的值。 |
2.text-transform 设置文本的大小写,只对英文字母有效。
参数
3.text-decoration 属性对文本进行修饰。
值 | 描述 |
---|---|
none | 默认。定义标准的文本。 |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
blink | 定义闪烁的文本。 |
inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
IE、Chrome 或 Safari 不支持 "blink" 属性值。
二、【背景】
这个感觉没什么可记的,都不是很难。
就记个background-attachment 属性
设置背景图像是否固定或者随着页面的其余部分滚动。
值 | 描述 |
---|---|
scroll | 默认值。背景图像会随着页面其余部分的滚动而移动。 |
fixed | 当页面的其余部分滚动时,背景图像不会移动。 |
inherit | 规定应该从父元素继承 background-attachment 属性的设置。 |
三、【区块】
这个挺多的。还是先上图片,这次就不需要方框表明了,全部都记一下。
1.word-spacing属性 ,控制单词间的间隔。所谓单词,就是用空格分开的字符串。
允许指定负长度值,这会让字之间挤得更紧。
值 | 描述 |
---|---|
normal | 默认。定义单词间的标准空间。 |
length | 定义单词间的固定空间。 |
inherit | 规定应该从父元素继承 word-spacing 属性的值。 |
2.letter-spacing 属性,与Word-spacing相似,不过它控制的是单个字符之间的间隔,而不是单词间。
值 | 描述 |
---|---|
normal | 默认。规定字符间没有额外的空间。 |
length | 定义字符间的固定空间(允许使用负值)。 |
inherit | 规定应该从父元素继承 letter-spacing 属性的值。 |
3.vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
我自己理解是:对于处于父元素中的一个元素,如果不指定vertical-align属性的话,它会与父元素处于一个默认的垂直相对位置,而vertical-align属性是用来对给元素进行相对于默认位置的调节。(说的我自己都不懂了。具体还是看例子更容易理解,见下文。)
值 | 描述 |
---|---|
baseline | 默认。元素放置在父元素的基线上。 |
sub | 垂直对齐文本的下标。 |
super< |