Web制作における雑多な知識その8
・秀丸の検索・置き換え
Ctrl + R
・DreamWeavarでタグを揃える方法
環境設定→タグフォーマット
・インデントはタブ一回押して設定
・文字はpxを使う(emは相対的なので、使うなら文字の大きさ変更を使う時など)
・marquee(マーキー)文字がスクロールするタグ
<marquee>デフォルト</marquee>
<marquee width=”90%”>幅90%</marquee>
<marquee behavior=”scroll”>横切る(デフォルト)</marquee>
など
参考リンク↓
http://www.htmq.com/html/marquee.shtml
・wordbreakについて
文字の改行の仕方について
p.sample3 {width:150px; background-color:#99cc00; word-break: keep-all;}
など
参考リンク↓
http://www.htmq.com/style/word-break.shtml
・要素を並べるclearfix
clear:both よりもclearfix(クリアフィックス)を使ったほうがいい
参考リンク↓
http://webpad.felicyle.com/coding/css/clearfix/
[HTML]
<div id=”">
[CSS]
clearfix:before,after{
content:”.”;
display:table;
}
display:inline-block;
・CSSの書き方
<div class =”top-img cleafix”>←二つのCSSを呼んでる
#top {
}
↓セレクタ
#top top-img {
}
#top top-bun{
}
・・・
IDの後ろにクラスをつなげていく
複数のCSSをまとめて設定
.01
.02
.03{
font-color:#FFFFFF;
}
<p>段落
<a>文字
ブロック要素とインライン要素
<div><a href=”">