eclipse中怎样自动提示CSS3属性

html-css029

eclipse中怎样自动提示CSS3属性,第1张

当我们想输入例如box-shadow属性的时候,发现没有自动提示。如果完全靠记忆难免出错。

鼠标右键点击此文件,选择Properties选项。

点击左侧的Web

Content

Settings,可以看到Css

Profile选择的是none。没有定义Css的描述文件。

选择CSS3:Cascading

Style

Sheets,level

3选项,然后点击OK按钮保存设置。

此时再进行css编辑,会发现css3的属性提示已经出现了。

第一种:

在css中有不同的优先级

想提高某个属性的优先级:在元素后加!important;

比如,在CSS中给了.box {color:red !important}这个属性,就意味着类名为box的这个标签具有最高优先级,不管你把默认的颜色设置为什么,他最终只会显示红色。

第二种:

在定位时用z-index

z-index值越高,则越显示在前面 

正常的z-index值等于0    最高999

1. 打开“CSS样式”面板。

2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:

一、定义CSS的类型属性

在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:

Font-family:设置字体系列。在下拉菜单中选择字体。

Font-size:定义文字的字体大小。

Font-weight:对字体应用特定或相对的粗体量。

Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。

Font-variant:设置文本的小型大写字母变体。

Line-height:设置文本所在行的高度。

Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。

Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。

Color:设置文本的颜色。

提示:如果某一个属性不需要设置,可以将其保留为空。