Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:css:css3 [2022/10/17 19:42] – [CSS3] admin
+++ oktatas:web:css:css3 [2024/08/05 12:09] (aktuális) – [Külső font] admin
@@ Sor 228: / Sor 228: @@
 @font-face {
     font-family: linliber;
-    src: url('http://szit.hu/download/fontok/LinLibertine_RI_G.ttf');
+    src: url('https://szit.hu/download/fontok/LinLibertine_RI_G.ttf');
 }
 p {
@@ Sor 258: / Sor 258: @@
 @font-face {
     font-family: linliber;
-    src: url('http://szit.hu/download/fontok/LinLibertine_RI_G.ttf');
+    src: url('https://szit.hu/download/fontok/LinLibertine_RI_G.ttf');
 }
@@ Sor 268: / Sor 268: @@
 </html>
+Példa rovásírással:
+  * https://szit.hu/m/rovas/
 ===== Színátmenet =====
@@ Sor 768: / Sor 770: @@
 <code css>
 body {
-    background-image: url(http://szit.hu/p/images/kep001.jpg),
+    background-image: url(https://szit.hu/p/images/kep001.jpg),
-    url(http://szit.hu/p/images/kep003.jpg);
+    url(https://szit.hu/p/images/kep003.jpg);
     background-size: 100px, 200px;
@@ Sor 784: / Sor 786: @@
     height: 300px;
     border: 5px dashed #ccc;
-    background-image: url(http://szit.hu/p/images/kep001.jpg),
+    background-image: url(https://szit.hu/p/images/kep001.jpg),
-    url(http://szit.hu/p/images/kep003.jpg);
+    url(https://szit.hu/p/images/kep003.jpg);
     background-size: 100px, 200px;
     background-repeat: no-repeat;
@@ Sor 810: / Sor 812: @@
 <html>
 <style>
-img {
+img.ovalis_pelda01 {
     width: 200px;
     height: 200px;
@@ Sor 818: / Sor 820: @@
-<img src="http://szit.hu/p/images/kep001.jpg">
+<img class="ovalis_pelda01" src="https://szit.hu/p/images/kep001.jpg">
 </html>
@@ Sor 1286: / Sor 1288: @@
 Illesszünk egy weboldalba egy képet. Például:
 <code html>
-<img src="http://szit.hu/minta/images/kep001.jpg" width="300">
+<img src="https://szit.hu/minta/images/kep001.jpg" width="300">
 </code>