Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSを使用して画面ピクセルで測定値を定義するにはどうすればよいですか？

CSSを使用して画面ピクセルで測定値を定義するには、px単位を使用します。

例を見てみましょう：

<html>
   <head>
   </head>
   <body>
      <div style = "position:relative;left:90px;top:3px;background-color:yellow;">
         This div has relative positioning.
      </div>
   </body>
</html>

  1. CSSでチェックマーク/チェックマークを作成する方法

    CSSを使用してカスタマイズされたチェックマークを作成できます。次の例は、この効果を示しています- 例 <!DOCTYPE html> <html> <style> div {    margin: 2%;    position: relative;    width: 40px;    height: 40px;    box-shadow: inset 0 0 12px lightblue; } div::before {    co

  2. 純粋なCSSによるスムーズなスクロール

    CSSのscroll-behaviorプロパティを使用すると、スクロールの動作を変更できます。 例 次の例は、CSSのscroll-behaviorプロパティを示しています。 <!DOCTYPE html> <html> <head> <style> html {    line-height: 200px;    margin: 30px;    text-align: center;    vertical-align: middle; } #parent {