zend studio 怎么设置html css js代码提示?

html-css016

zend studio 怎么设置html css js代码提示?,第1张

zend studio现在已经更名为emmet了,设置html和css等的提示方法:

方法1、在不提示的项目上鼠标右键,打开菜单,选择Build Path->Configure Build Path,在弹出窗口中选择PHP Build Path->Add Folder...,把当前项目添加到build path。

如果函数突然不提示,可以先用这个方法检查build path有没有当前项目。但比较多情况是从外部导入项目(例如svn),会没有build path数据。

方法2、先取消菜单Project->Build Automatically的选中状态,再点击Project->Clean...清理项目,再重新选中Project->Build Automatically。这个方法我用得最多。

方法3、打开zend studion的wordspace目录(如果不知wrodspace目录在哪,可以打开菜单file->switch wordspace->other...查看),接着到这个文件夹,打开文件目录.metadata->.plugins->org.eclipse.core.runtime->.settings。到了.settings目录之后,删除org.eclipse.dltk.ui.prefs文件。然后刷新项目或重启Zend Studio。

实现代码如下:

<divclass="wrap">

<divclass="img"></div>

<divclass="notice">1</div>

</div>

<divclass="wrap">

<divclass="img"></div>

<divclass="notice">12</div>

</div>

<divclass="wrap">

<divclass="img"></div>

<divclass="notice">13</div>

</div>

<style>

.wrap{

width:50px

margin-bottom:10px

position:relative

}

.img{

width:50px

height:50px

border:1pxsolid#000

}

.notice{

width:20px

height:20px

line-height:20px

font-size:10px

color:#fff

text-align:center

background-color:#f00

border-radius:50%

position:absolute

right:-10px

top:-10px

}

</style>

扩展资料:

注意事项

主要用到position定位,CSSposition属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性则决定了该元素的最终位置。

static是position的默认值。

<!DOCTYPEhtml>

<htmllang="en">

<head>

<metacharset="UTF-8">

<title>CSS-position-static</title>

<linkrel="stylesheet"href="https://cdn.bootcss.com/normalize/8.0.0/normalize.css">

<style>

.container{

background-color:#868686

width:100%

height:300px

}

.content{

background-color:yellow

width:100px

height:100px

position:static

left:10px/*这个left没有起作用*/

}

</style>

</head>

<body>

<divclass="container">

<divclass="content">

</div>

</div>

</body>

</html>