210728開発ログ

3626 ワード
大邱AI学校 CSS Webプログラミング 実習 html テキストリンク
📌 学習の内容

NAVERブログ実習2


完全なコード:💾

ブログ



ブログホームページ右側
  • border-width: ;:枠厚
    - border-width: 상하좌우;- border-width: 상하 좌우;- border-width: 상 좌우 하;- border-width: 상 우 하 좌(상단부터 시계방향);
  • white-space: ;:スペースとタブ、改行、自動改行の処理方法を指定するプロパティです.デフォルトはnormalです.
    -white-space: nowrap;:「囲まない」を表し、テキストは1行表示
    (注意:https://rgy0409.tistory.com/3762)
  • text-overflow: ellipsis;:テキストが領域を超えた場合の省略記号(...)表示
    (注意:https://junistory.blogspot.com/2017/06/css-ellipsis.html)
  • paddingプロパティは、領域内に空白を作成しますが、空白の影響を受けるオブジェクトはテキストのみです.(background-imageなどは影響を受けません.)
    • .blog-main #blog-main-content #blog-helper li a {
	display: block;

	height: 35px;
	line-height: 35px;
	padding-left: 30px;

	background-image: url(../img/checkbox.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px 20px;
}
  • background-size: width px height px;:挿入されたbackground-imageのサイズを任意に調整でき、サイズ=width px height px
    • 下部領域

    ブログ詳細



    上部と下部の領域はブログと同じです
    ブログ詳細ホームページ
  • opacity:プロパティを適用すると、埋め込まれたテキストにも透明度が適用されます.

    • ブログ詳細2



    📌 学習内容の難点
    📌 解決策
    📌 学習の心得.
    今日の実習では、講師がスキップした部分を追加しました.あまり内容を追加していませんが.<em>ラベルを使用して特定の文字を強調し、省略記号を独自に使用してみます.別に検索して通り過ぎたので少し時間がかかりましたが、アプリも問題なく、追加で情報を得て復習してくれたので嬉しかったです.󬯠ただアニメ部分は最近無視されているようなのでkidsgaoサイトを再復習します.
    ON、WHERE、HAVINGの違い
    [プログラマ](python)文字列基本