Eclipse中如何实现对css样式的自动提示

html-css038

Eclipse中如何实现对css样式的自动提示,第1张

Eclipse Java EE IDE for Web Developers.

Version: Luna Service Release 2 (4.4.2)

Build id: 20150219-0600

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

鼠标右键点击此文件，选择【Properties】选项。

点击左侧的【Web Content Settings】，可以看到Css Profile选择的是none。没有定义Css的描述文件。

选择【CSS3:Cascading Style Sheets,level 3】选项，然后点击【OK】按钮保存设置。

完全智能提示HTML/JS/CSS代码

1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist

修改Auto Activation triggers for java的值为：zjava   点击apply按钮

如图：

2.继续打开JavaScript→Editor→Content Assist

修改Auto Activation triggers for javaScript的值为：zjs   点击apply按钮

如图：

.继续打开web→html Files→Editor→Content Assist

修改Prompt when these characters are inserted:的值为：zhtml  点击apply按钮

如图：

4.打开File→Export→Genral→Preferences→导出一文件到任意位置，然后用记事本打开此文件 ，Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zjs  然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zhtml  然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

保存文件。

5.打开eclipse→File→Import→Genral→Preferences，导入刚刚编辑的文件后，所有设置完毕，现在去测试一下吧，是不是感觉比以前爽多了，哈哈，，，有问题可以直接回帖告诉我。

以下是调试成功后的图片：

1、创建一个HTML文档，并且设定基本架构。

2、创建一个CSS文档，并且与HTML文档关联。

3、设定一下CSS样式，确认一下是否关联。

4、创建一个新的CSS文档，然后在刚刚的已经关联的CSS文档里面加入。@import "xxx.css"这样样式就成功引入了。

5、当然我们可以在下方添加样式来修改引入的样式。