blueskis382 blueskis382 2013-01-06 23:11:05

[その他] 【CSS】結局何をどう表示させたいのか このエントリーをはてなブックマークに追加

投稿者からのアピールポイント

頭の中で何を考えてCSSを書いているのだろうか。

.hoge{
  color : #030303 ;
  border : solid 1px #fff ;
  /* border-radius */
  border-radius : 3px ;
  -o-border-radius : 3px ;
  -ms-border-radius : 3px ;
  -moz-border-radius : 3px ;
  -webkit-border-radius : 4px ;

  /* 20行くらいしばらくいろいろ書く*/

  color : #474747 ; /* 思ったより濃い*/
}

使い方ヒント: 「これは臭う」という行を見付けたら、各行のsmellをクリックしてマーキングしておきましょう(要Twitter OAuth認証)

コメント(5)

#1 m_shige1979 m_shige1979 2013-01-07 09:37:44  

20行も書くとは結構長いですね。私は長くても10行くらい単位に分割しています。

#2 Chiether Chiether 2013-01-07 16:15:16  

20行ですか。 border-radiusがそうであるように、大半がベンダープレフィクスだったりして……。 私は「思ったより濃い」という部分。もにょる文言へ2つマークつけました。

#3 Miraranran Miraranran 2013-01-13 09:34:57  

これだけ執拗にベンダープレフィクス書いてるってことは、ブラウザ間差異に敏感だってこと(プロジェクトがか本人がかはわからず)。 20行の間には、デフォルトでいい部分まであえて書いてるんじゃないでしょうか。

* {margin:0;padding:0; ... /* あらゆるものを0にリセット / }
p {margin: 12px 2px; padding: 0px 6px; ... /
各要素、セレクタで、リセットしたものを再定義 */ }

#4 KudouJ KudouJ 2015-06-06 13:26:45  

「思ったより濃い」で茶ぁ噴いたwww

#5 HighSpecOjisan HighSpecOjisan 2017-08-15 13:43:08  

思ったより濃いw

コメント投稿には、twitter認証が必要です。

Twitter認証

このウンコードに臭った人は、こちらのウンコードにも臭ってます

[C] すげーちゃんと動く!

このエントリーをはてなブックマークに追加

結合試験2日前に脱退したうんkプログラマ...

return 0;

鑑賞する »

[Java] 内部的にunicodeだから日本語つかえ...

このエントリーをはてなブックマークに追加

これを書いた先輩に「英語で書きましょうよ...

class 会員 {
    private int 会員番号;
    p...

鑑賞する »

[C#] 君はコピペが得意なフレンズなんだね!

このエントリーをはてなブックマークに追加

コピペ量産コード クエリーの構築もEn...

class HogeRepst
{
    public void Load...

鑑賞する »