CSS

 Computer >> コンピューター >  >> プログラミング >> CSS
  1. CSSのword-spacingプロパティをアニメーション化する

    CSSを使用して単語間隔プロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid blue;             bac

  2. PX、EM、パーセントの違い

    pxの単位は、画面のピクセル単位で測定値を定義します。以下は例です- div {    padding: 40px; } em単位は、emスペース内のフォントの高さの相対的な測定値です。 em単位は特定のフォントのサイズに相当するため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptになります。 以下は例です- p {    letter-spacing: 4em; } ％単位は、測定値を別の値（通常は囲んでいる要素）に対するパーセンテージとして定義します。 p {    fon

  3. CSSのz-indexプロパティをアニメーション化する

    CSSを使用してz-indexプロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             position: absolute;          }   &nb

  4. ：CSSのアクティブな疑似クラス

    疑似クラス 要素またはcssセレクターのさまざまな状態を表示することです。アクティブな疑似クラスは、要素がアクティブな状態にあることを示すためのものです。 この疑似クラスは、主にリンクとボタン、またはアクティブにできるその他の要素に関連付けられています。 たとえば、リンクがアクティブであることがリンクに関連付けられている場合。 構文 a:active { color:green;} ：アクティブ疑似クラスの実際の使用法を確認しましょう 次のように、さまざまなシナリオで- 例 <html> <head>    <style> &nbs

  5. CSSで疑似クラスにアクセスしました

    疑似クラス 要素またはcssセレクターのさまざまな状態を表示することです。訪問済み疑似クラスは、リンクがすでに訪問されていることを示すためのものです。 この疑似クラスは主にリンクに関連付けられています。 構文 a:visited { color:green;} ：visited pseudo classの実際の使用法を確認しましょう 次のように、さまざまなシナリオで- 例 <html> <head>    <style>       a:visited { color:green;}   &nb

  6. CSSでテキスト装飾の色を設定します

    テキスト装飾の色を設定するには、text-decoration-colorプロパティ-を使用します 例 <!DOCTYPE html> <html> <head> <style> .demo {    text-decoration: overline;    text-decoration-color: yellow; } </style> </head> <body> <h1>Examination Details</h1> <p cla

  7. CSSのpadding-topプロパティでアニメーションを実行する

    CSSを使用してpadding-topプロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;             heig

  8. CSS音声ピッチ音声メディアプロパティ

    CSSのvoice-pitchプロパティは、話す声のベースラインピッチを設定するために使用されます。ここで、ピッチを設定できます voice-pitch: [[x-low | low | medium | high | x-high]] 以下は例です p {    voice-pitch: low; }

  9. CSSパースペクティブプロパティでアニメーションを実行する

    CSSを使用してパースペクティブプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo1 {             position: relative;            

  10. CSSのアウトラインをアニメーション化-色

    CSSを使用してoutline-colorプロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>     <head>       <style>          div {             width: 550px;             hei

  11. CSSパースペクティブでアニメーションを実行する-originプロパティ

    アニメーションをperspective-originに実装するには CSSでプロパティを使用すると、次のコードを実行してみることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          #demo1 {             position: relative;        

  12. CSSのtext-decoration-colorプロパティをアニメーション化する

    CSSを使用してtext-decorationプロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             position: absolute;           &

  13. CSSのtext-shadowプロパティをアニメーション化する

    text-shadowにアニメーションを実装するには CSSのプロパティでは、次のコードを実行してみることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             height: 200px;             bac

  14. CSSのテキストインデントプロパティをアニメーション化する

    CSSを使用してtext-indentプロパティにアニメーションを実装するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: orange;           &

  15. アニメーションを使用したCSSのトッププロパティ

    アニメーションをtopに実装するには CSSでプロパティを使用すると、次のコードを実行してみることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             position: absolute;            

  16. CSSのアウトラインオフセットプロパティをアニメーション化する

    アニメーションをoutline-offsetに実装するには CSSでプロパティを使用すると、次のコードを実行してみることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;           &nbs

  17. CSS音声範囲音声メディアプロパティ

    CSSのvoice-rangeプロパティは、話す声の範囲を設定するために使用されます。これがピッチ範囲です。 構文は次のとおりです。 voice-range: [[x-low | low | medium | high | x-high]] 上で、ピッチの範囲を設定します。つまり、低、中、高などです。 次に、音声範囲プロパティの例を示します。 p {    voice-range: 90Hz; }

  18. CSSのアウトライン幅をアニメーション化する

    CSSを使用してoutline-widthプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;             hei

  19. CSSのアウトラインをアニメーション化する

    CSSを使用してアウトラインプロパティにアニメーションを実装するには、次のコードを実行してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 550px;             height: 350

  20. CSSパディングプロパティをアニメーション化

    CSSを使用してパディングプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;             height: 150px

Total 1566 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:29/79  20-コンピューター/Page Goto:1 23 24 25 26 27 28 29 30 31 32 33 34 35