css
blinkタグは過去の話。cssでやろうね。文字の太さBlink <style type="text/css"> .blinkS3 { animation: blinkAnimeS3 .5s infinite alternate; } @keyframes blinkAnimeS3{ 0% { font-weight : normal } 100%{ font-weight: bold } } </style> ネタ元 https://webparts.cman.jp/string/blin…
overflow-x: scroll;で横スクロール、 overflow-y: scroll;で縦スクロールを指定。 width/heightでのサイズ指定も必要だよ div.example1 { width: 200px; height: 100px; white-space: nowrap; overflow-x: scroll; } div.example2 { width: 200px; height: …
あきらめてヘッダ部に <style type="text/css"> button:hover {opacity: 0.8;} </style>と書きましょう。 ネタ元 http://css.uka-p.com/basic/header.html https://www.acky.info/tips/css/00019.html
「セクション(section)」とは 「セクション」という言葉の意味を理解しましょう。 「セクション」とは、仕切り、部分、節、項などのかたまりをいいます。article要素 「article要素」は、先ほど書いた通りその部分だけ切り離しても完結する構成を表します。 …
サーバーサイドのプログラムを変更せずに、表示されるテキストだけ変えたいときにおすすめです。 SEOには書き換え前のテキストの内容しか反映されないと思いますので注意です。 p {font-size:0;} p:before {font-size: 12px; content: "かきくけこ";}ネタ元 …
数値のみで指定 単位をつけずに数値のみを指定すると、その数値にフォントのサイズを掛けた値が行の高さとなります。例えば「1.5」と指定すると「150%」や「1.5em」と指定した場合と同じになります。ネタ元 http://www.htmq.com/style/line-height.shtml
CSS3 PIEというのを使えばできる。 これを使えば、IE6~9でも、border-radiusやbox-shadowなどのCSS3プロパティが使えます。http://css3pie.com/ネタ元 http://weboook.blog22.fc2.com/blog-entry-312.html
名前考えるときに参考にしようhttps://github.com/manabuyasuda/styleguide/blob/master/css-class-name-list.md
単純に下にあるのが優先というわけじゃないそうだ。これは引っかかるなぁ。 ネタ元 http://www.mdn.co.jp/di/articles/517/?page=4
ここでは、初期値を表す「initial」を使って、ブラウザの標準値で上書きをするという手法です。 .clear_text { color: initial; font-size: initial; text-shadow: initial; }ネタ元 http://www.shurey.com/html/css_initial.html
いい吹き出し /* 04.吹き出し */ #heading04{ position:relative; margin:0 15px; padding:10px 20px; font:bold 24px/1.6 Arial, Helvetica, sans-serif; color:#333; border:#333 solid 3px; border-radius:18px; background:#fff; box-shadow: -7px -5px …
p:first-letter { font-size: 3em; line-height: 1; float: left; margin: 0 .2em 0 0; padding: .1em 0; }ネタ元 http://m-school.biz/dev/css-coding/005-css-dropcap.htm
background-colorとかbackground-imageとか指定する方法あるけど backgroundなら、まとめて指定できるネタ元 http://www.css-lecture.com/log/css-beginner/041.html
こんな感じ .pagetitile{ background-image:-moz-linear-gradient(top, #0064D3, #0206A5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0064D3), to(#0206A5), color-stop(1,#0206A5)); padding: 8px 10px 8px 24px; font-size:18px…
<style> table.cal, tr, td { padding:4px; } tr.fish { background-color:#F3F6FF; } td.mon span { background-color:#557766; color:#FFFFFF; display:block; } </style> <table class="cal"> <tbody> <tr class="fish"> <td class="mon"><span>1</span></td> <td class="mon">2</td> <td class="mon">3</td> </tr> <tr>…</tr></tbody></table>
こんな感じ .wpcf7-form input[type="text"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ .wpcf7-form input[type="email"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ネタ元 http://jsdo.it/snic/8o3C
以下の様にCSSでリンクをまとめて記述すると簡単です。 (動作に優先順位があるので上下の順番を間違えないように) a:link{ color: navy;} a:visited{ color: brown;} a:hover{ color:maroon; background:#FF0;} a:active{ background: aqua;}上から ・未訪…
CSSで画像用の定義つくって、下線付けたくない画像くくってやる ---------html------------ <div class="imgborder"><a href="#"><img src="1.jpg" border="0"></a></div> ---------css------------- .imgborder{text-decoration:none;} CSSについて。 <a>にborderで下線をつけると、画像リンクにも下線がついてしまいま... - Yahoo!知恵袋</a>
style="margin-left: auto; margin-right: auto;" ネタ元 http://kumacrow.blog111.fc2.com/blog-entry-294.html
基本ウインドウ横幅の80%。でもMAXは800pxという書き方。 style="width: 80%;max-width: 800px" ネタ元 http://allabout.co.jp/gm/gc/400630/
http://copicopi.com/cursor.html 指カーソルにするには <span style="cursor:pointer;">対象となる文字</span>とか
これを使うと簡単にお洒落UIが作成できる。簡単なモックアップつくるときなど、開発時に便利みたい。ネタ元 http://aholier.com/yorozu/2011/08/cssbootstrap.html http://twitter.github.com/bootstrap/index.html
http://www.webkrauts.de/2007/06/03/headline-elemente-mit-css-stylen/
ぶら下げインデントとは2行目以降、1文字右にずれている表記のこと。 html <ul> <li>※THE HAM MEDIA</li> <li>※THE HAM MEDIA<br /> THE HAM MEDIA</li> <li>※THE HAM MEDIA<br /> THE HAM MEDIA<br /> THE HAM MEDIA</li> </ul>css ul { margin-left: 1.0em; } li { text-indent: -1.0em; }全体をmargin-leftで右に…
効果は同じだけど、こういう意味があるということを知って使うとコードが読み易くなる。 ネタ元 スタイルシートの class と id の使い分け
いっぱいあるんだなぁ。でも大事。http://webdesignrecipes.com/css-reference/
Twitter社謹製。簡単でおしゃれなサイトのhtml/cssが作れちゃうみたい。試さねば。http://www.ideaxidea.com/archives/2011/08/twitter_bootstrap.html
便利http://07design.net/blog/?p=477
一部だけwidthを指定したりするとNGみたい。全体を絶対値でしっかり指定することが大事。 ネタ元 CSSによる崩れない段組
http://www.css-lecture.com/log/javascript/019.html アコーディオンメニューって名前だったんだ。