「PHP求職宝典」--Webデザインページノート
3890 ワード
偶然図書館でこの本を見て、名前はとても魅力的で、やはり悪くなくて、多くの細部は以前気にしていなかったが、確かに注意する価値がある.まずWebデザインページの内容を共有します.優れたプログラマーには弱いかもしれませんが、役に立つプログラム猿にとって学習の経験を共有することができます.
formフォームでアップロードファイルのサイズを制御します.
enctype="multipart/form-data"、フォーム符号化データ方式ethod="を指定し、データ転送方式を指定し、ドメインを隠すことでアップロードファイルのサイズ(バイト)を制御し、phpを超えてはならない.iniでupload_max_filesizeオプション設定の値.
テキストボックスをマウスでドラッグすると、テキストボックスの内容が自動的に選択されます.
ffブラウザでネストされたdivラベルtext-alianプロパティが無効になる問題を解決します.
ネストされたdivをstyle:margin:0 px autoに設定します.
divレイヤを中央に配置するには:
position:absolute;top:50px;left:50px;margin:-100px 0 0 -100px;
と
formフォームでアップロードファイルのサイズを制御します.
enctype="multipart/form-data"、フォーム符号化データ方式ethod="を指定し、データ転送方式を指定し、ドメインを隠すことでアップロードファイルのサイズ(バイト)を制御し、phpを超えてはならない.iniでupload_max_filesizeオプション設定の値.
テキストボックスをマウスでドラッグすると、テキストボックスの内容が自動的に選択されます.
<input type="text" value="" onmouseover="this.select()" />
ffブラウザでネストされたdivラベルtext-alianプロパティが無効になる問題を解決します.
ネストされたdivをstyle:margin:0 px autoに設定します.
divレイヤを中央に配置するには:
position:absolute;top:50px;left:50px;margin:-100px 0 0 -100px;
と
ラベルの違い:
spanタグはインラインに属し、一般的に小規模なスタイルでHTMLドキュメントにインラインされ、div要素自体がブロックレベル要素であり、ブロックを結合するコードに多く用いられる.
1 px程度の高さのコンテナを定義します.
overflow:hidden | zoom:0.08 | line-height:1px;
ffの下のテキストがコンテナの高さを開くことができないことを解決します:
1.min-widthとmin-heightの設定
2.消去位置合わせのクラスclear:bothプロパティを追加して、火狐ブラウザの高さを自動的に計算します.
ハイパーリンクがクリックされてもhoverスタイルが表示されない問題を解決します.
ハイパーリンクスタイルのプロパティを正しくソートするには、次の手順に従います.
link--visited--hover--action
IE 6の2倍脚本の問題を解決する:
display:inline
jQuery:
jQueryは優れたJavaScriptライブラリで、John Resigによって2006年1月に作成されたオープンソースプロジェクトです.チームには3つのコア人物がいます:John Resig、Brandon Aaron、Jornada Zaeffere、趣旨:WRITE LESS、DO MORE.
写真の入れ替え効果を作成します.
jqueryを使用して、ドキュメント全体の左上隅にある現在のDOM要素を取得します.
指定した要素をDOMツリーに置き換えます.
DOMツリーに要素を作成して挿入するには、次の手順に従います.
spanタグはインラインに属し、一般的に小規模なスタイルでHTMLドキュメントにインラインされ、div要素自体がブロックレベル要素であり、ブロックを結合するコードに多く用いられる.
1 px程度の高さのコンテナを定義します.
overflow:hidden | zoom:0.08 | line-height:1px;
ffの下のテキストがコンテナの高さを開くことができないことを解決します:
1.min-widthとmin-heightの設定
2.消去位置合わせのクラスclear:bothプロパティを追加して、火狐ブラウザの高さを自動的に計算します.
ハイパーリンクがクリックされてもhoverスタイルが表示されない問題を解決します.
ハイパーリンクスタイルのプロパティを正しくソートするには、次の手順に従います.
link--visited--hover--action
IE 6の2倍脚本の問題を解決する:
display:inline
jQuery:
jQueryは優れたJavaScriptライブラリで、John Resigによって2006年1月に作成されたオープンソースプロジェクトです.チームには3つのコア人物がいます:John Resig、Brandon Aaron、Jornada Zaeffere、趣旨:WRITE LESS、DO MORE.
写真の入れ替え効果を作成します.
<html>
<head>
<script src="jquery.js"></script>
<style>
ul{list-style:none;width:500px;border:1px solid red;}
ul li{position:absolute}
ul li img{width:350px;height:300px}
</style>
</head>
<body>
<div class="change">
<ul>
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
</ul>
</div>
<script>
$(function(){
$(".change ul li:not(:first)").hide();
setInterval(function(){
if($(".change ul li:last").is(":visible")){
$(".change ul li:first").fadeIn('slow');
$(".change ul li:last").hide();
}else
$(".change ul li:visible").next().fadeIn('slow');
},1000);
});
</script>
</body>
</html>
jqueryを使用して、ドキュメント全体の左上隅にある現在のDOM要素を取得します.
$(function(){
var width = $("ul").css("margin-left");
var height = $("ul").css("margin-top");
alert(width+","+height);
});
指定した要素をDOMツリーに置き換えます.
<script>
var title=$('<span>dd</span>');
$("div").replaceWith(title);
</script>
DOMツリーに要素を作成して挿入するには、次の手順に従います.
<script>
var title = $('<span>adf</span>');
$("div").append(title); // title div
$("div").before(title); // title div div
$("div").prepend(title); // title div
$("div").after(title); // title div div
</script>