2023-02-14から1日間の記事一覧
@-規則 @から始まる規則のことを言う。Webフォントを指定する@-規則→@font-face CSSのインポート →@import アニメーションのキーフレーム指定→@keyframes メディアクリの指定で用いる規則 →@media
Webフォント Webサーバ上のフォントデータを取得して、ブラウザ上で文字を表示するフォントのこと。 従来の文字表示↓ ブラウザを実行しているクライアントマシン上のフォントを取得して表示しています。そのため、クライアントマシンに指定したフォントがイ…
CSSカウンタ ・独自のカウンタを作成できる ・counter-resetプロパティ、counter-incrementプロパティ、contentプロパティを使用する ・まずcounter-resetプロパティでカウンタをリセットする ・その後counter-incrementプロパティでカウントアップ、カウン…
結合子 結合子は複数のセレクタを組み合わせる場合に使用します A > B 子セレクタ 直接の子要素(孫要素を含まない) A + B 隣接セレクタ隣接する兄弟要素 A ~ B 間接セレクタ 後続する全ての兄弟要素 グループ化の記述例 div , sectioon , article {margi…
擬似要素擬似クラスと同様に、要素の状態やタイミングに対してスタイルを適用します。 ・書式も擬似クラスと同様ですが、擬似クラスと区別するために、擬似要素の先頭にコロン「::」を2つつける点に注意してください。(コロン1つでも作動します) 書式 セレク…
属性セレクタ 指定した属性名、または属性値を持つ要素に対してスタイルを指定する方法 [属性名]指定した属性名を持つ要素 [属性名 = "属性値"] 指定した属性名および属性値をもつ要素(完全一致) [属性名 ~= "属性値" ]指定した属性名および属性値をもつ要素…
セレクタ セレクタとは、スタイルを適用する対象のこと ・セレクタに要素名を使用すると、その要素には全て同じスタイルが適用されます。 記述例 li { color : red ; } ul { color : red ; } * { color : red ; }
@import規則 ・別のCSSファイルを読み込む場合、@import規則を使用 書式 @import url("CSSファイルのurl"); @import url("CSSファイルのurl") メディアタイプ; ・@importはCSSファイル内だけでなく、style要素にも記述できます。 ・urlの後ろにメディアタイ…
インラインスタイルシート 特定の要素にスタイルを記述する場合、スタイルを指定する要素にstyle属性として記述します。 記述例 <h2 style="color:red ; text-decoretion: underline">重要なお知らせ</h2> ・1つの要素に複数のスタイルを指定する場合には、「プロパティ:値」の間を;で区切ります。 ・複数の要素に同じ…
内部スタイルシート Webページ全体のスタイルをまとめて定義する方法・style要素のコンテンツにスタイルを記述します ・style要素は一般的にheader要素を記述します ・なお、HTML5.2からはbody要素内にも記述できるようになりました 記述例 <style type="text/css"> h1{color:red;} </style>…
外部スタイルシートWebサイト全体のスタイルをCSSファイルにまとめて定義する方法 ・外部のCSSファイルを読み込む場合、link要素に読み込むファイルや、ファイルとの関係を指定します。 記述例 <link rel="stylesheet" type="text/css" href="CSS/style.css"> ・rel属性 リンクするファイルとの関係を指定 CSSファイルを読</link>…
SSL/TLS セキュリティを担保した通信を行うためのプロトコル ・共通鍵暗号方式を用いている ・公開鍵暗号方式を用いている ・証明書を用いる ・盗聴対策になる
SQLインディクション クロスサイト・スクリプティング(XSS) クロスサイト・リクエスト・フォージェリ(CSRF) ディレクトリ・トラバーサル HTTPヘッダ・インジェクション
・BMP 圧縮しない 透過× Windows標準のフォーマット ファイルサイズが大きくなりやすいのでWebサイトでの使用は不適切 ・GIF 可逆圧縮 透過○ 256色までしか表現できない ファイルサイズを小さくできる アニメーション機能を扱うことができる ・PNG 可逆圧縮 …
MVC 設計パターンの一種で、プログラムをModel、View、Controllerの3種類の部品に分割して設計する手法 →それぞれの機能が明確に分離され、プログラムの再利用性やメンテナンス性の向上が望める ・Model 業務処理や業務データを担当 ・View 画面表示を担当 …
Ajax(Asynchronous JavaScript + XML) 非同期通信によってサーバとデータのやり取りを行い、動的なページの書き換えなどを行う技術→ユーザの待機時間の削減や、通信データの低減によるネットワークサーバの負荷軽減・ブラウザのバックグラウンドで非同期通信…
お疲れ様です。ひなみです。 彼氏と土曜に喧嘩してまたネガティヴになったので、月曜日に整理した、言いたいことを本人に愚痴りました。 hinami-log.hatenablog.com 私は完全に感情派で、言葉より先に泣いてしまうので、意見を言うのがすごく下手です。彼は…