html如何使用css提示信息

html-css026

html如何使用css提示信息,第1张

12月15日更新

这是一个值得纪念的日子,经过若干个月若干个版本的等待,

VSCode 1.8中的HTML已提供完整的CSS与Javascript支持。

感谢一直以来关注这个问题的朋友,欢呼吧大家~

==================================================================

原回答

知乎首答……

升了1.3之后立马就发现这个问题了,js那个倒是很久之前就一直有了,超级不方便,也不知是怎么想的。

一开始以为是我电脑的bug,后来上了github才发现不只是我一个人遇到了这个问题。

然后仔细翻了一下1.3的doc发现CSS被提取出来了(可能是因为这个原因导致css in html的提示丢失了)

特点:自动成一行,宽度为100%,可设置宽高。

常用块级元素:

常用行内元素:

class="定义样式名称"

id="定义样式名称"

href="超链接地址"

name="用锚定义一个标签",通过href链接跳到指定的标签

src="图片的地址"

title="鼠标移上去显示的提示文字"

alt="当图片不显示时,显示的文字"

sytle="书写css样式"

type="定义input类型"

指元素的外边距、边框、内边距,内容大小

文本对齐

float元素对齐/* */

html和css的元素、属性、样式有很多,这里这里只罗列了一些经常用到的知识点,更详细的可以查看参考文档。

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。