讲义教程成果_第1页
讲义教程成果_第2页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

学习要点安装方快速生主讲教师：本课程由北风网和瓢城Web提一．安装方Emmet插件安装一般采用两种方式，1.通过命令安装；2.离线安装。我这里直接采用的是离线安装方式。具体步骤：解压好的Emmet插件包(这里会提供将Emmet和PyV8两个文件夹到SublimeText3的程序包中左下角会显示自动安装，安装好后，重启Sublime在编辑器输入英文状态下的“!”，然后ctrl+eHTML5的代码库，则安装 题二．自定义！生我们输入!，然 ctrl+e，默认情况下会出现如下代码//<!doctype<html<metacharset="UTF-这里有两个地方和我们之前生成的代码不一样，第一处是：doctype没有大写；第二处：lang是en的。其实这两处不改也没有太大关系，但有强迫症的看了可能会难受。具体修首先，进入程序包其次，进入Emmet文件夹，再进入emmet文件夹，找到snippets.json最后，打开这个文件，找到相应处修改即三．快速生Emmet提供了非常丰富的HTMLCSS代码的快速生成功能，通过使用快速生成代码，极(ctrletab键html:5tab<!DOCTYPE<html <metacharset="UTF-所有代码生成，都需要通过tab键来生成代码，后面不在赘述a<a<a<a<ahref="">超//生成CSSlink<linkrel="stylesheet"<input<inputtype="hidden"//生成乘积数量的<div//创建具有classdiv.header、<div<divclass="header以上HTML部分的代码生成功能，下面来看下CSS的快速生成功pos即可出现position:relativeCSS样式，并且relative是选定状态，但是我们发现使用sublimeEmmetCSS提示非常的灵活，不会死板的必须要输入pos。下面的输入都可以得到相应的值：po=position:只要输入po或者大于po字母量的值，都可以得到position:relative。当然，如果你只是输入p，那么由于优先级的考虑，出现的是padding:|。如果你输入有误，它也会自动纠错，比如下面这个pod=position:如果你想一开始得到的是absolute这个属性值，那么直接输入poa=position:当然，上门的标准写法是这样的pos:a=position:如果想输入背景的属性，直接使用bg即可bg=background:使用bg+可以展开背景属性的完整形式bg+=background:#fffurl()00no-bg:n=background:none;备注：HTM

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论