[TIL] 21/03/31

10192 ワード
TIL CSS web python テキストリンク

[CSS] Pseudo-element(::)


cssでhtmlに要素を追加する

::before


指定した要素の最初のサブ要素としてinlineまたはblockを使用できます.

::after


指定した要素の最後のサブ要素としてinlineまたはblockを使用できます.
  • には、コンテンツが含まれている必要があります.
  • の内容を入力するだけで接続できます.display:block;中に入ると積み木を入れます
    • // index.html
<! DOCTYPE html>
<html>
  <head>
  	<link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div>
   	content
    </div>
  </body>
</html>
    // styles.css

div::before {
	content:':before';
}

div::after {
	content:':after';
}
    上記のコードを実行すると、Webは
  • before content afterが出力されます.

    • pseudo elementを使用して蛍光ペン効果を作成するには


    コナン(仮想要素の使い方!!)
    以上のビデオをベースに制作しました.

    上のProfileにマウスを置き、titleの下に蛍光ペンで色を塗ります.
    .profile {
	 background-color: #f8f4e1;
}
.title {
	font-family: 'Noto Sans KR', sans-serif;
   	color: #4e3620;
    	font-size: 40px;
        position: relative;
  	overflow: hidden;
        
}
.title::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: -100%;
    border-radius: 10px;
    background-color: rgba(78, 54, 32, 0.3);
    transition: all 0.35s;
}
.profile:hover .title::before {
	left:0;
}
  • overflow: hidden;//
    • のコンテンツは、要素より大きい場合は表示されません.
  • left: -100%; -> left: 0;//仮想要素の位置の移動を停止

    • [web] Home server


    IPv4 vs IPv6


    IPv 4：既存ネットワーク層プロトコル

  • から最大12ビットの数字で構成されています.(192.168.0.2)
  • の1つのスクリーンには2の8平方の数字で表すことができます.(0~255)
  • 単一チャネル膜は合計8ビット、合計8*4=32ビットであった.
  • には最大42億個のアドレスがありますが、ジオメトリレベルの増加のニーズを満たすことができないという問題があります.

    • IPv 6:IPv 4の問題を解決するためのプロトコル

  • から最大32ビット数で構成されています.(2021:230:abcd:ffff:0000:0000:ffff:1111)
  • 単一チャネル膜は16ビットであり、16*8=128ビットからなる.
  • 16進数で表されます.
  • IPv 4と比類のないアドレスを作成し、すべての電子製品に異なるIPアドレスを持たせることができます.

    • ルーター


    IPv 4からIPv 6アドレスへの変換は容易ではないため、既存のIPv 4の使用を節約する必要がある.

    ルーター


  • 1つのIPアドレスは、複数のコンピュータによって共有され得る.

  • IPを節約し、通信費用を節約できます.

    ソース:生活コード/WEB 2ホームサーバ-2。ルーター

  • WAN WAN:WAN(全世界の誰でも接続できるIPアドレス)

  • LAN:エリアネットワーク(ルータに接続された装置間のIPアドレスを提供)

  • パブリックIPアドレス:広域ネットワークIPアドレス

  • ルータアドレス:ルータのIPアドレス

  • private IP address:専用IP address(192.168.0.0から192.168.255.255)

    • [Python] .join / sys.stdin


    .join()


    list -> string
    "A".join(list)
  • Aをリスト要素間に入れ、stringを返します.

    • .split()


    string -> list
    string.split("A")
  • 文字列で、A値をlistの要素に変換し、list値を返します.

    • sys.stdin


    Input()と同じ機能を使用して値を受信します.
    アルゴリズムの問題では,input()よりも速い実行速度が必要な場合に用いる.
    sys.stdin.read()
  • 複数行入力したい時
  • 入力を終了するには、「ctrl+z」
    • と入力します.
    sys.stdin.readline()
  • 入力を1行のみ受信したい場合は、
    • と入力します.
  • には、書き換え文字(書き換え文字を消去するために「.rstrip()」)
    • も含まれる.
    import sys

list = sys.stdin.read().strip() # 입력받은 값을 리스트로 반환
list.append(sys.stdin.readline().rstrip) # 입력받은 값을 리스트에 추가
string = " ".join(list) # list의 원소 사이에 개행문자를 넣고 string으로 반환
list = string.split() # string을 개행문자를 기준으로 list 원소로 반환
    JSPページエンコーディングフィルタについて(注記構成)
    CFURLCreateStringByAddingPercentEscapes()とCFURLCreateStringBy ReplacingPercentEscapesUsingEncoding()は、in ios 9から破棄する.0