https://designnumerique.be/w/index.php?action=history&feed=atom&title=Css 2026-04-27T22:24:49Z Historique des versions pour cette page sur le wiki MediaWiki 1.44.2 https://designnumerique.be/w/index.php?title=Css&diff=5079&oldid=prev 2025-06-06T20:34:11Z

<p>Page créée avec « CSS (Cascading Style Sheets) est un language de programmation, et oui ! CSS peut effectuer des calculs voir calc() et clamp()), CSS a des variables, CSS a des if, des elif... »</p> <p><b>Nouvelle page</b></p><div>CSS (Cascading Style Sheets) est un language de programmation, et oui ! CSS peut effectuer des calculs voir calc() et clamp()), CSS a des variables, CSS a des if, des elif.&lt;br&gt;<br /> CSS a des portes logiques :<br /> &lt;pre&gt;&lt;code&gt; /* === AND === */<br /> #and-a:checked ~ #and-b:checked ~ .and-output {<br /> background: green;<br /> }<br /> <br /> /* === OR === */<br /> #or-a:checked ~ .or-output,<br /> #or-b:checked ~ .or-output {<br /> background: green;<br /> }<br /> <br /> /* === NOT A === */<br /> #not-a:not(:checked) ~ .not-output {<br /> background: green;<br /> }<br /> <br /> /* === NAND === = NOT(AND) */<br /> #nand-a:checked ~ #nand-b:checked ~ .nand-output {<br /> background: gray;<br /> }<br /> #nand-output {<br /> background: green;<br /> }<br /> #nand-a:checked ~ #nand-b:checked ~ #nand-output {<br /> background: red;<br /> }<br /> <br /> /* === NOR === = NOT(OR) */<br /> #nor-output {<br /> background: red;<br /> }<br /> #nor-a:not(:checked) ~ #nor-b:not(:checked) ~ #nor-output {<br /> background: green;<br /> }<br /> <br /> /* === XOR === = A != B */<br /> #xor-output {<br /> background: gray;<br /> width: 40px;<br /> height: 40px;<br /> display: inline-block;<br /> margin-left: 10px;<br /> }<br /> <br /> #xor-a:checked:not(:disabled) ~ #xor-b:not(:checked) ~ #xor-output {<br /> background: green;<br /> }<br /> <br /> #xor-a:not(:checked) ~ #xor-b:checked ~ #xor-output {<br /> background: green;<br /> }<br /> <br /> <br /> /* === XNOR === = NOT(XOR) = A == B */<br /> #xnor-output {<br /> background: gray;<br /> }<br /> #xnor-a:checked ~ #xnor-b:checked ~ #xnor-output,<br /> #xnor-a:not(:checked) ~ #xnor-b:not(:checked) ~ #xnor-output {<br /> background: green;<br /> }&lt;/code&gt;&lt;/pre&gt;<br /> &lt;br&gt;<br /> Eh ouais c&#039;est un peu la classe quand même faut l&#039;avouer, prends ça Julien</div>

Sablebleble