CSS

 Computer >> コンピューター >  >> プログラミング >> CSS
  1. CSSの役割：nth-​​last-child（n）セレクター

    CSS：nth-​​last-child（n）セレクターを使用して、最後の子から数えて、親の子であるすべての要素のスタイルを設定します。 次のコードを実行して、：nth-​​last-child（n）セレクター-を実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          p:nth-last-child(4) {        

  2. CSSの位置：静的;

    位置：静的; プロパティは、要素の位置を静的に設定します。これがデフォルトです。 例 top、bottom、left、およびrightプロパティは、静的に配置された要素には影響しません。次のコードを実行して、CSSの position：static;を実装してみてください。 プロパティ <!DOCTYPE html> <html>    <head>       <style>          div.static {   &nbs

  3. CSSの位置：相対;

    位置：相対;プロパティを使用すると、要素を通常の位置を基準にして配置できます。次のコードを実行して、CSSの位置を実装してみてください：relative; 例 <!DOCTYPE html> <html>    <head>       <style>          div {             position: relative;      

  4. 要素をCSSとオーバーラップする

    要素をオーバーラップするには、CSSz-indexプロパティを使用します。次のコードを実行して、z-indexプロパティを実装し、テキストの背後に画像を設定することができます 例 <!DOCTYPE html> <html>    <head>       <style>          img {             position: absolute;   &nb

  5. CSSを使用したナビゲーションバーの中央リンク

    ナビゲーションバーのリンクを中央に配置するには、「text-align：center」をに追加する必要があります 例 <!DOCTYPE html> <html>    <head>       <style>          ul {             list-style-type: none;            

  6. CSSを使用して左の境界線の幅を設定します

    左の境界線の幅を設定するには、 border-left-widthを使用します CSSのプロパティ。次のコードを実行して、 border-left-widthを実装してみてください。 プロパティ- 例 <!DOCTYPE html> <html>    <head>       <style>          p {             border-style: dashed; &

  7. CSSを使用して4つの境界線の色を設定します

    4つの境界線の色を設定するには、border-colorプロパティを使用します 。次のコードを実行して、すべての境界線の境界線の色を設定してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          p {             border-style: dashed;       &n

  8. CSSを使用して右の境界線の色を設定します

    右の境界線の色を設定するには、 border-right-colorを使用します 財産。次のコードを実行して、border-color-property-を実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          p {             border-style: dotted;   &nb

  9. CSSを使用して値を継承するmarginプロパティの役割

    値inheritを持つmarginプロパティは、親要素から要素を継承するために使用されます。次のコードを実行して、 margin：inherit;を実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid blue;   &n

  10. CSSを使用した値autoによるmarginプロパティの役割

    値autoのmarginプロパティは、要素をコンテナ内で水平方向に中央揃えするために使用されます。次のコードを実行して、marginを実装することができます：auto; 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;     &nbs

  11. CSSでパーセントを使用して画像の高さと幅を設定します

    ％を使用して画像の高さと幅を設定するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          img {             height: 50%;             width: 50%;    

  12. CSSを使用して要素の最小幅と最大幅を設定します

    要素の最小幅と最大幅を設定するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             max-width: 300px;             min-width: 100px;  

  13. CSSを使用して要素の最小の高さと最大の高さを設定します

    CSSを使用して要素の最小の高さと最大の高さを設定するには、次のコードを実行してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             max-height: 550px;             min-height:

  14. 親の最後の子であるすべての<p> 要素をCSSでスタイル設定します

    親の最後の子であるすべての要素のスタイルを設定するには、CSS：last-childセレクターを使用します。次のコードを実行して、：last-childセレクターを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          p:last-child {             background: orange

  15. CSSを使用してハイパーリンクにさまざまなスタイルを追加する

    フォントサイズや背景色など、さまざまなスタイルをハイパーリンクに設定するには、次のコードを実行してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          a.first:link {color:#ff0000;}          a.first:visited {color:#0000ff;}    

  16. CSS3でz軸を使用して要素を回転変換します

    [rotateZ（an​​gle）]メソッドを使用して、CSS3でz軸を使用して要素を回転変換します- 例 <html>    <head>       <style>          div {             width: 200px;             height: 100px;      

  17. CSSを使用して、指定された範囲内の値を持つ<input>要素のスタイルを設定します

    指定された範囲内の値で要素のスタイルを設定するには、CSS：in-rangeセレクターを使用します。次のコードを実行して、：in-rangeセレクターを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          input:in-range {             border: 3px dashed ora

  18. CSSを使用した画像の垂直方向の配置

    CSSを使用して画像を垂直方向に整列するには、vertical-alignプロパティを使用します。次のコードを実行して、画像を垂直方向に揃えることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          img {             vertical-align: text-bottom;   &nbs

  19. CSSを使用してピクセルでフォントサイズを設定する

    フォントサイズをピクセルで設定するには、 pxを使用します ユニット、 font-size 財産。次のコードを実行して、ピクセルでフォントサイズを設定してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          h1 {             font-size: 30px;      

  20. CSSを使用してレスポンシブフォントサイズを設定する

    レスポンシブフォントサイズを設定するには、「ビューポート幅」を使用して「vw」単位に設定します。次のコードを実行して、「vw」ユニットを使用することができます- 例 <!DOCTYPE html> <html>    <head>       <style>          h1 {             font-size:8vw;       &nbs

Total 1566 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:56/79  20-コンピューター/Page Goto:1 50 51 52 53 54 55 56 57 58 59 60 61 62