1. Emmet installation method: Step 1: First you need to install the Package Control component for sublime text: Press Ctrl + `to call out the console of sublime text Paste the following code into the bottom command line and press Enter: import urllib2,os;pf=’Package Control.sublime-package’;ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else None;open( os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’ + pf.replace(‘ ‘,’ ‘)).read()) Restart […]
Tag: emmet
CSS-5 list elements, table elements, form elements, Emmet syntax, structural pseudo-classes
Table of Contents 1_list element 1.1_ List implementation 1.2_Ordered List – ol – li 1.3_unordered list – ul – li 1.4_Definition list – dl – dt – dd 1.5_ Write the logical sequence of front-end code 2_table element (not recommended) 2.1_Common elements of tables 2.2_Other elements of the form 2.3_Cell merge 3_Form elements 3.1 Attributes […]
03-case + background setting + emmet syntax + structure pseudo class + html form
Case <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <style> body { background-color: #f5f5f5; font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, “\5B8B\4F53”, sans-serif; } .item { width: 230px; height: 322px; padding: 30px 20px; background-color: #fff; box-sizing: border-box; } a { color: #333; text-decoration: none; […]