少しばかり CSS あたりお勉強と『mmm-mode』

少々やってみようかと

崩れないfloatレイアウトのための鉄則

とても参考になった

http://adp.daa.jp/archives/000250.html

HTML の中の CSS と JS は『mmm-mode』が便利

『キャレット位置によって複数のメジャーモードを切り替えるmmm-mode - ヒルズで働く@robarioの技ログ』さんのそのままコピペ。この設定、素晴らしすぎる。

hoge.htmlを開く
M-x mmm-mode
Apply Submode Class（C-c % C-c）
HTML の中に CSS ある時は「mmm-ml-css-mode」、JSは「mmm-ml-javascript-mode」
(ﾟДﾟ)b

使い方まだよくわかってないけどとりあえず

mmm-modeの設定ちょっと変えてみた

htmlにjsやcssがあれば自動的に色づけ

  ;;; mmm-mode
  (require 'mmm-mode)
  (setq mmm-global-mode 'maybe)
  (set-face-background 'mmm-default-submode-face "#333333")
  (mmm-add-classes
   '((mmm-ml-css-mode
      :submode css-mode
      :face mmm-code-submode-face
      :front "<style[^>]*>"
      :back "\n?[ \t]*</style>"
      )
     (mmm-ml-javascript-mode
      :submode javascript-mode
      :face mmm-code-submode-face
      :front "<script[^>]*>[^<]"
      :front-offset -1
      :back "\n?[ \t]*</script>"
      )
     ))
  (mmm-add-mode-ext-class 'html-mode nil 'mmm-ml-javascript-mode)
  (mmm-add-mode-ext-class 'html-mode nil 'mmm-ml-css-mode)