HTML,css

• [PR]
  ×

  [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

  • 2025/04/26 20:41
• 画像を中央に揃えるCSS
  img{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
  PR
  • HTML,css
  • 2016/05/09 17:15
  • 0
• config.rb の中身について
  http://wp-d.org/2013/01/03/1732/
  
  

  http_path = "/"
  css_dir = "css"
  sass_dir = "_scss"
  images_dir = "/"
  javascripts_dir = "js"
  output_style = :expanded
  line_comments = false

  • http_path：サイトのパス
  • css_dir：CSS ファイルが書き出される場所
  • sass_dir：SCSS ファイルの場所
  • images_dir：画像ディレクトリ　※画像サイズを取得する時、この指定したディレクトリ以下を見るようです
  • javascript_dir：JavaScript ファイルの場所
  • output_style：SASS の書き出し方設定。:expanded, :nested, :compact or :compressed
    「:expanded」{} で改行する形。よくみる CSS の記述形式はこれです。可読性たかし。
    「:nested」Sass ファイルのネストがそのまま引き継がれる形。
    「:compact」セレクタと属性を 1 行にまとめて出力。可読性低め。
    「:compressed」圧縮して出力（全ての改行・コメントをトルツメ）。可読性は投げ捨て。
  • line_comments：CSS に SCSS での行番号を出力するかどうか。true or false

  • HTML,css
  • 2016/04/24 22:24
  • 0
• 背景色やグラデーションと背景画像を同時に反映させる場合（CSS覚え書き）
  http://webkcampus.com/201412/728/
  
  グラデーション+画像をつけたボタンはCSSで表現できる！
  
  

  background:url(img/arrow.png) ,-moz-linear-gradient(top center, #f9003c 0%, #6c021c 100%);
  background-repeat: no-repeat;
  background-position: 90%;

  • HTML,css
  • 2016/04/15 19:27
  • 0
• レスポンシブWebデザインでハマりがちな%指定
  http://memocarilog.info/webdesign/7782
  • HTML,css
  • 2016/04/04 13:02
  • 0
• LINEスタンプ作成　お役立ちサイト
  平均5日で販売開始！ クリエイターズスタンプの審査期間が大幅短縮＆スタンプショップに「カテゴリ」追加！

  http://creator-mag.line.me/ja/archives/1030612957.html

  作品が確認できるURLを必ず入力！

  http://enjoynet.co.jp/line_sticker_matome/linestamp_demand_signup/
  • HTML,css
  • 2016/02/08 12:37
  • 0