これからゆっくり考L

旅行好き。美味しいもの好き。日本酒好き。

CSS nite ビギナーズ的メモ

気になったところ+αを忘れないうちにメモメモ。


Dreamweaver操作(コードビュー)

★CSSファイルの先頭に文字コードを挿入★

CSSファイルを開く

ショートカット:【Ctrl+J】(挿入→ページプロパティ)

エンコーディングで文字コードを選択

そうするとCSSファイルの先頭に

@charset "euc-jp";

が挿入される。(↑はeuc-jpを選択した場合)

いつもは手打ちでガーっと入力してますが、ショートカットを使ったほうがちょびっと効率アップ?




★テキストを見出しタグで囲う★

見出し1にしたいテキストを選択した状態で【Ctrl+1】
見出し2にしたい場合は【Ctrl+2】

見出しにしたい部分を選択した状態で【Ctrl+数字】をおすと、
<h数字></h数字>が選択した文字を囲ってくれます。
(※数字は1~6まで)


★段落タグ(p)で囲う★

段落にしたい文章を選択した状態で【Ctrl+Shift+p】



★仕上げにソースをきれいにする★

コマンド→ソースフォーマットを適用

ただ、これをやっても閉じタグの前に余分なスペースが入ってしまう場合もあります。


効率よくショートカットを使えば、かなり作業効率があがりそうな気がしました。
早く仕事で使ってみたいです。ドキドキ