スキップしてメインコンテンツに移動

CID 2017 WEB

このブログを検索

CSSについて

リンクを取得
Facebook
×
Pinterest
メール
他のアプリ

第６章 CSSとHTMLの基本

CSSを外部ファイルにする方法

スタイルシート3種類の適用方法の練習

要素の検証 Google Chrome
Google Chromeの標準機能「要素の検証」が神すぎてワロタ！！

要素の詳細を表示 Safari
SafariやChromeでサイトのCSSを簡単に調べる | A-tak-dot-com

リンクを取得
Facebook
×
Pinterest
メール
他のアプリ

コメント

コメントを投稿

人気の投稿

オンラインジェネレーター

photoshopやIllustratorでメニュー用ボタンや背景画像を作成しても良いですが、オンラインジェネレータを使うとある程度簡単にweb用素材を作成することが出来ます。 ■日本語対応版・ http://box.aflat.com/buttonmaker/ ・ http://jirox.net/AsButtonGen/ 他、日本語で紹介 https://matome.naver.jp/odai/2132996340987622601 ■海外版背景画像　ジェネレータ http://www.stripegenerator.com/ チェック模様の画像 http://www.tartanmaker.com/ Web2.0風ボタンメーカー http://www.mycoolbutton.com/ ajaxローディング画像ジェネレータ http://www.ajaxload.info/ http://www.loadinfo.net/ オンラインメニュージェネレータ http://www.cssplay.co.uk/menus/menu_builder_flyout.html http://jscook.yuanheng.org/JSCookMenu/MenuBuilder.html#help ■オンラインジェネレータまとめサイト(日本語) http://online-generator.bex.jp/ ■画像加工ジェネレータ http://sekailog.com/2012/01/imagegenerator/ ■ ボタンジェネレーター http://jirox.net/AsButtonGen/ http://www.glassybuttons.com/glassy.php ■背景画像ジェネレータ http://blog.e-riverstyle.com/2009/05/web15.h tml ■Photoshopで自作する場合参考サイト mac アクア風ボタンの作り方　 http://www.allef.com/gpx/ photoshop ボタンの作り方(初心者向け) htt...

カラム落ちとは？カラム落ちが起きたら？／何故フローチャートが必要なのか

カラム落ちとは？カラム落ちが起きたらどこを直せばいいのか？カラム落ちとは回り込みの指定の間違いや、レイアウトサイズのズレが生じると、カラム落ちやレイアウト崩れがおきます。 cssルールの指定は正確にできるように習得しましょう。カラム落ちが起きるパターンには大きく分けて3種類あるパターンA 　 [横幅の足し算の勘違い] パターンB 　 [marginの読み込みがブラウザによって異なる] パターンC　 [floatやtext-alignのright・left指定をミスするとカラムが落ちる] パターンA (例)---メニューのdivボックス(黄)と本文のdivボックス(赤)の横幅の合計が　　　緑のdivボックスの横幅より大きいためにおきるカラム落ち　　　見た目には入りそうなサイズに見えるが、余白(境界線の内側のスキマ)を考えると横幅が足りないパターンB ブラウザによって異なる幅の読み込みＣＳＳで、「width: 250px;」と同じように指定しても、 border（枠線）幅が10pxだった場合、こんなに表示に差が出るという。　“width”の数字を、内寸と見なすか、外寸と見なすかの違いである。つまり、最初からFirefoxでの表示に合わせて横幅一杯に作ってしまうと、ＩＥでは表示しきれずに、カラム落ちが起こる可能性があると考えられるのだ。パターンC 問題点発生：画像がボックスからはみ出してしまう！？→ 対処方法・回り込み設定を無効にしている記述部分　をボックスの中に入れる事で修正　( 回り込み設定とは、float : left; または float : right ; のcss設定の事。) フッター表示のrightとleft cssを編集。 div#footer ulとdiv#footer addressのalignをleftに書き換えました。フッターを右寄せではなく左寄せにすることで、フッターとサイドバーがかぶってしまうのをとりあえず回避できました。おまけ：何故フローチャートが必要なのかクラ...

WEB第６回の復習　第３章のポイント４つ

第３章のポイント４つ(WEB第7回目の授業　第6回の内容の復習) 見出し HTMLタグとしてh1~6まであり、大きい見出しほど小さい数字で表される。検索に自動的に収集される情報として重要度が高い＝検索に掛かりやすくするために重要参照: H1タグとは？Google向けSEOで意識する大見出しの使い方 <h1> ~ </h1> <h2> ~ </h2> <h3> ~ </h3> <h4> ~ </h4> <h5> ~ </h5> <h6> ~ </h6> リストメニューボタンなどによく利用される項目(コンテンツ)として認識される <ul> <li>〜</li> <li>〜</li> <li>〜</li> </ul> アドレスそのページの連絡先情報として自動的に収集される <address> ~ </address> 強調 HTMLタグはstrong=強いだが、Dreamweaver上のボタンのアイコンはB(太字＝ボールド) <strong> ~ </strong>

Powered by Blogger