16日まとめ
2726 ワード
WEBフロントエンド開発エンジニア
PC端末(パソコン)-ページモバイル端末(携帯電話)-ページ---ユーザー体験の問題
需要:1、ソフトウェア(ツールが5%):ブラウザ(Google、IEブラウザ、火狐ブラウザ、アップルブラウザ...)ブラウザプラグイン(GoogleブラウザプラグインF 12)コードを書くためのエディタ(例:手帳、DW、Sblime...)
2、プログラミング言語(95%):HTML 5:ハイパーテキストタグ言語------スケルトン大文字小文字区別なし開始タグ対頭部開始類似翻訳単一タグタイトル(文体を自由にできる)-title頭部終了主体開始内容1-content改行文字内容2-content主体終了結束
CSS 3:積層様式表-------装飾
JavaScript:スクリプト言語--------「onclick」をクリックします.「の」を表す
HTMLコメントのフォーマット:
CSSとJavaScriptコメントのフォーマット:/*コメント内容*/
スタイルが表示される場所(行間、内部、外部)
1、外部(実際応用):headに
2、内部(講義多用):上にコードを書き、下に名前と要素タイトルを書き、内部にコードを書く</p>
<h1>div 1{"#"は、下の「id」を{}で表す</h 1>
<pre><code>width:100px;
</code></pre>
<p>}<br> 内容の下に名前と要素を書きます
3、行間(どこも使わない):内容width:200 px;height : 200px; transition : 1s; border : 8px solid red; background : red; background : url()
色値モード:background-color:red;直接接英语单词red green blue pink yellow...background-color:#(); 16進法「#」の後、吸管にコードbackground-color:rgb(140164234);お手数ですが、絵図に3色の値を探してください
backgroundのすべての属性:background-colorは使用する背景色background-positionを規定背景画像の位置background-sizeを規定背景画像のサイズbackground-repeatを規定背景画像background-originを規定背景画像の位置決め領域background-clipは背景の描画領域background-attachmentを規定する画像が固定されているか、またはページの残りの部分がスクロールするにつれてbackground-imageで使用する背景画像が指定されているか(背景色も背景画像もある場合は背景画像がより高度)
background-image:uel()urlは、リンクにURLアドレスを付けても画像を付けてもよいパス「/」は、上記の内容を直接加えた場合のデフォルト状態が「フラット」(左上から右下)background-repeat:no-repeatであることを示します.repeated-x軸タイリング(水平タイリング)repeated-y軸タイリング(垂直タイリング)を繰り返さない
background-position:背景位置:x y 100 px 30 px値は正負(x/yの間に何も付けずに直接「x+単位y+単位」0 pxの場合は「0」省略単位)20%50%背景色left|center|right top|center|bottom英語単語類左/中/中/中/下
Webサイトの一般的なヘッダバックグラウンド設定:background-image:url()background-repeat:repeat-x;background-position:center 0px; (水平設定)
background-attachment: fixde; 固定スクロールバーでインタフェースの画像は常にscrollスライドがあります一般的に省略できます
複合スタイル:background:red url()no-repeat 100 px 0 px fixed;すべての単純なスタイルを組み合わせて、各プロパティ間をスペースで区切ると、各プロパティの位置が任意に便利になります.
枠線:border:1 px dashed#033;複合スタイル「dashed」は破線「solid」は実線「dotted」は点線(実線と破線の間)を表す画素破線の色を表す
PS:切図、測量、画像の簡単な処理Ctrl+N一般ソフトウェアに対してすべて“新しい”Ctrl+S“保存”PSの中で“F”を押して簡単なインタフェースを選択して切った後に“F 8”を押して情報インタフェース(高さ、幅)が現れます
PC端末(パソコン)-ページモバイル端末(携帯電話)-ページ---ユーザー体験の問題
需要:1、ソフトウェア(ツールが5%):ブラウザ(Google、IEブラウザ、火狐ブラウザ、アップルブラウザ...)ブラウザプラグイン(GoogleブラウザプラグインF 12)コードを書くためのエディタ(例:手帳、DW、Sblime...)
2、プログラミング言語(95%):HTML 5:ハイパーテキストタグ言語------スケルトン大文字小文字区別なし開始タグ対頭部開始類似翻訳単一タグタイトル(文体を自由にできる)-title頭部終了主体開始内容1-content改行文字内容2-content主体終了結束
CSS 3:積層様式表-------装飾
width : 200px; “:” “;”
height : 200px; “px”
transition : 1s; JavaScript
font-size:30px;
border : 8px solid red; “solid” （ ）
background : red;
background : url() “url”
JavaScript:スクリプト言語--------「onclick」をクリックします.「の」を表す
HTMLコメントのフォーマット:
CSSとJavaScriptコメントのフォーマット:/*コメント内容*/
スタイルが表示される場所(行間、内部、外部)
1、外部(実際応用):headに
2、内部(講義多用):上にコードを書き、下に名前と要素タイトルを書き、内部にコードを書く</p>
<h1>div 1{"#"は、下の「id」を{}で表す</h 1>
<pre><code>width:100px;
</code></pre>
<p>}<br> 内容の下に名前と要素を書きます
3、行間(どこも使わない):内容width:200 px;height : 200px; transition : 1s; border : 8px solid red; background : red; background : url()
色値モード:background-color:red;直接接英语单词red green blue pink yellow...background-color:#(); 16進法「#」の後、吸管にコードbackground-color:rgb(140164234);お手数ですが、絵図に3色の値を探してください
backgroundのすべての属性:background-colorは使用する背景色background-positionを規定背景画像の位置background-sizeを規定背景画像のサイズbackground-repeatを規定背景画像background-originを規定背景画像の位置決め領域background-clipは背景の描画領域background-attachmentを規定する画像が固定されているか、またはページの残りの部分がスクロールするにつれてbackground-imageで使用する背景画像が指定されているか(背景色も背景画像もある場合は背景画像がより高度)
background-image:uel()urlは、リンクにURLアドレスを付けても画像を付けてもよいパス「/」は、上記の内容を直接加えた場合のデフォルト状態が「フラット」(左上から右下)background-repeat:no-repeatであることを示します.repeated-x軸タイリング(水平タイリング)repeated-y軸タイリング(垂直タイリング)を繰り返さない
background-position:背景位置:x y 100 px 30 px値は正負(x/yの間に何も付けずに直接「x+単位y+単位」0 pxの場合は「0」省略単位)20%50%背景色left|center|right top|center|bottom英語単語類左/中/中/中/下
x （ px/%/ ） y “center”（ ）
Webサイトの一般的なヘッダバックグラウンド設定:background-image:url()background-repeat:repeat-x;background-position:center 0px; (水平設定)
background-attachment: fixde; 固定スクロールバーでインタフェースの画像は常にscrollスライドがあります一般的に省略できます
複合スタイル:background:red url()no-repeat 100 px 0 px fixed;すべての単純なスタイルを組み合わせて、各プロパティ間をスペースで区切ると、各プロパティの位置が任意に便利になります.
枠線:border:1 px dashed#033;複合スタイル「dashed」は破線「solid」は実線「dotted」は点線(実線と破線の間)を表す画素破線の色を表す
PS:切図、測量、画像の簡単な処理Ctrl+N一般ソフトウェアに対してすべて“新しい”Ctrl+S“保存”PSの中で“F”を押して簡単なインタフェースを選択して切った後に“F 8”を押して情報インタフェース(高さ、幅)が現れます