PHP:入门——Zend Studio的emmet插件的使用

 时间:2026-02-14 08:38:53

1、help-》welcome

PHP:入门——Zend Studio的emmet插件的使用

2、输入emmet,回车搜索

PHP:入门——Zend Studio的emmet插件的使用

3、勾选editor features,点击apply changes

PHP:入门——Zend Studio的emmet插件的使用

4、等待安装,安装完成后重启软件

PHP:入门——Zend Studio的emmet插件的使用

1、在已存在的项目中,新建一个html文件。

鼠标右键点击项目,new-》html file,自定义文件名

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

2、windows-》show view-》outline

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

3、例子1:table>tr*3>th*1+td*3,

输入后上例后,鼠标移至该行,点击tab键

>:表示上下层级

+:表示同级

*:表示数量

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

4、例子2:h1{hello}

输入后上例后,鼠标移至该行,点击tab键

{}:其内填写tag内的文本

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

5、例子3:a[href="www.baidu.com"]{百度}

输入后上例后,鼠标移至该行,点击tab键

[]:其内填写tag的属性、属性值

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

6、例子4:ul>li.item${haha $$}*4

输入后上例后,鼠标移至该行,点击tab键

$:在循环多个属性或者值情况下,$为其加上序号

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

7、例子5:(select>.wrap>h1>p>a{immoc})+(select>.haha>p+p)

输入后上例后,鼠标移至该行,点击tab键

():优先解析该符号中的内容

PHP:入门——Zend Studio的emmet插件的使用

PHP:入门——Zend Studio的emmet插件的使用

8、总结:

>:表示上下层级+:表示同级*:表示数量[]:其内填写tag的属性、属性值{}:其内填写tag内的文本$:在循环多个属性或者值情况下,$为其加上序号():优先解析该符号中的内容

注意不要留空格。比如:

(select>.wrap>h1>p>a{immoc}) + (select>.haha>p+p)只会加载后面

(select>.wrap>h1>p>a{immoc})+(select>.haha>p+p)才是正确的

PHP:入门——Zend Studio的emmet插件的使用

  • C#利用Process打开关闭外部程序
  • pgadmin如何设置快捷键
  • C#如何修改选中的ListView项
  • apache下载安装
  • 如何在VMware 12中安装Ubuntu 16.04
  • 热门搜索
    手抄报春节 文明手抄报内容 中秋节手抄报简单漂亮 关于法制的手抄报 地理手抄报 感恩节手抄报 感恩老师手抄报 国庆手抄报 法律手抄报 手抄报插图