https://www.cnblogs.com/yangfengwu/p/10947388.html
前のセクションで、このソフトウェアをインストールし、自分でインストールすることをお伝えしました...
このセクションでは、このソフトウェアを使用してWeb開発を学びましょう
プロジェクトパスを自分で設定する
最初に実行してみましょう
前のセクションよりも多くの新しいプロジェクトがあります
<head>関数型プログラムの一般的な実装</ head>
<body>は通常、ページレイアウト部分を配置します</ body>は、ページに表示されるものを配置することです
その他の詳細はご自身で学んでください
https://www.runoob.com/tags/att-meta-charset.html
鈍い現象はありますか?
実際に同じように書く
<!DOCTYPE html> <!-これがhtmlドキュメントであることをブラウザに通知します-> <html lang = "en"> <head> <meta charset = "UTF-8"> <title>タイトル</ title> </ head> <body> <h1>マンダリン</ h1> </ body> </ html>
<!DOCTYPE html> <!-これがhtmlドキュメントであることをブラウザに通知します-> <html lang = "en"> <head> <meta charset = "UTF-8"> <title>これは表示されるタイトルですウェブページ上</ title> <script> function click1(){// function alert( " displayed content"); //ボックスをポップアップ } </ script> </ head> <body> <h1οnclick= "click1 () ">マンダリン</ h1> </ body> </ html>
それはただもっと多くのルールがあるということです、それはそれに書かれているいくつかのものです
以前は、コントロールのプロパティの変更はhtmlで直接変更されていました。次に、新しい.cssファイルを作成し、これにプロパティを配置してから、呼び出してhtmlで使用します。
名前は任意です
新しいビルドの後は何もありません
最初に最初の方法を見て、IDを追加します
次に、レイアウトファイルで、IDid1のコントロールの色を赤に設定します
しかし、今は実行できません。htmlで引用する必要があります。
<!DOCTYPE html> <!-これがhtmlドキュメントであることをブラウザに通知します-> <html lang = "en"> <head> <meta charset = "UTF-8"> <link rel = "stylesheet" type = "text / css" href = "lesson2.css" /> <title>これはウェブページに表示されるタイトルです</ title> <script> function click1(){// function alert( " displayed content"); / / popupボックス } </ script> </ head> <body> <h1οnclick= "click1()" id = "id1">マンダリン</ h1> </ body> </ html>
<link rel = "stylesheet" type = "text / css" href = "lesson2.css" />
https://www.runoob.com/tags/att-link-rel.html
レイアウトスタイルファイルをインポートすることをブラウザに伝えます。ファイルはcssタイプのテキストファイルで、その後にファイル名が続きます。
それを実行します
次に、経路問題について話します
htmlファイルと.cssファイルは同じフォルダーにあるため、直接
フォルダ内にいない場合は、現在のディレクトリの./XXXXのXXXXX、または現在のディレクトリの../XXXXの前のディレクトリのXXXXXを使用できます。これを理解する必要があります...
別の方法:
多くのコントロールの初期色がすべて赤である場合、それらすべてを書き込む必要がありますか????
別の方法を提供します
別のラベルを追加しましょう
<!DOCTYPE html> <!-これがhtmlドキュメントであることをブラウザに通知します-> <html lang = "en"> <head> <meta charset = "UTF-8"> <!-ブラウザに次のことを通知しますレイアウトスタイルファイルのインポートは、cssタイプのテキストファイルとそれに続くファイル名です-> <link rel = "stylesheet" type = "text / css" href = "lesson2.css" /> <title>これはWebページに表示されるタイトル</ title> <script> function click1(){// function alert( " displayed content"); //ボックスがポップアップします } </ script> </ head> <body> <h1οnclick= "click1()" id = "id1">マンダリン</ h1> < h1id = "id2">ヤン</ h1> </ body> </ html>
#id1 { 色:赤; } #id2 { 色:赤; }
コントロールの数を減らしてもかまいませんが、コントロールの数を増やすのは良くありません
今、クラスを使用します
<!DOCTYPE html> <!-これがhtmlドキュメントであることをブラウザに通知します-> <html lang = "en"> <head> <meta charset = "UTF-8"> <!-ブラウザに次のことを通知しますレイアウトスタイルファイルのインポートは、cssタイプのテキストファイルとそれに続くファイル名です-> <link rel = "stylesheet" type = "text / css" href = "lesson2.css" /> <title>これはWebページに表示されるタイトル</ title> <script> function click1(){// function alert( " displayed content"); //ボックスがポップアップします } </ script> </ head> <body> <h1οnclick= "click1()" id = "id1" class = "TestClass">マンダリン</ h1> <h1 id = "id2" class = "TestClass">ヤン</ h1> </ body> </ html>
<h1οnclick= "click1()" id = "id1" class = "TestClass">ウェンファ</ h1> <h1 id = "id2" class = "TestClass">ヤン</ h1> 両方のテキストが引用されている同じクラスTestClass
次にCSSで
.TestClass { 色:赤; }
それを実行し、考えてみてください、誰もそれを実行しません
https://item.taobao.com/item.htm?spm=a1z38n.10677092.0.0.3e3b1deb80xzYz&id=569295486025 https://www.cnblogs.com/yangfengwu/p/11037653.html