0701開発ログ

5232 ワード

CSS 大邱AI学校 html テキストリンク

学習内容

css仮想セレクタ、before&after、dothomeとfile zillaを使用してWebファイルをドメインにアップロードし、css教室の練習、helbakサイトの練習

cssレッスン内容

css仮想セレクタ

応用行動設計

a:linkアクセスしたことのないリンク

a:activeクリック保留

a:hoverマウスサスペンション

input:focus入力欄にカーソルを置く

計画規則に従って設計を適用

li:first-child:リストの第1項

li:last-child:リストの最後の項目

li:nth-child(n)->リストのn番目のエントリ(1から)2 n,2 n+1は偶数奇数

を適用できる

a:link { color: red; }
a:active { color:blue }
a:hover {color: pink;}
input:focus { border: solid 3px green;}

li:first-child { color: greenyellow;}
li:last-child {color: indigo;}
li:nth-child(2n) {color: lightcoral;}

css before & after

htmlドキュメントには単独ではなく、cssで挿入された部分が表示されます.文字を入れてもhtmlで文字として認識されることなく、シンプルなデザイン、カレンダーとして扱われます.メニューの前後にデザインを挿入するときに役立ちます.例えば、beforeで画像を入れた後、もう一つ探してurlなどでアイコンなどを入れることができます.

li::before {
    content: "--";
}
li::after {
    content: url("icon.png");
}

dothomeとfileZilaを使用してWebファイルをドメインにアップロード

dothome登録会員

ナビゲーションメニュー->ネットワークホスティング->無料ホスティング申請->ftp id,passwordカスタム申請

Webホスティングリスト->ホスティング詳細ビューに入り、FTP接続設定を接続許可

に変更

fileZilaダウンロード

FileZila上部のホスト(ポイントホームのドメインアドレス)、ユーザー名(ポイントホームftp id)、パスワード(ポイントホームftp password)、ftpポート(21)入力後の高速接続

次のローカルファイルまたはフォルダを選択し、アップロード->dothomドメインアドレスでhtmlファイルを表示できます.

css教室の練習

困難な内容

dotohomeとfileZilaが使用されている場合、dotohome情報を使用してfileZilaに接続している部分に503エラーが発生します.他にも多くの人が経験しています.

cssbeforeは、教育実践において文字列のみをコンテンツとして入れ、例に画像を表示する.単独でできるかどうかを調べてみると、思った以上に当てはまる属性が多いので、後で使う必要があるときに探してみるべきです.

解決策

dotohomeネットワーク管理設定のftp接続設定のデフォルト値が制限されています.許可に変えればよかったのに.

感想

昨日に引き続き、今日も勉强内容で、自分で复习してホームページのレイアウトを作りました.現在、横にレイアウトする方法はありませんが、すべての要素が下に1列に並んでいるのは残念です.もっと違う予定があれば、もっと自由に実習できると思います.

Reference

この問題について(0701開発ログ), 我々は、より多くの情報をここで見つけました https://velog.io/@lee_yesol421/0701-개발일지

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

JavaScriptにおける戦略設計パターンのパワー

[MySQL]構成-クエリー・パフォーマンスの測定