A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1042

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1042
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1049

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1049
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

Rabu, 19-Januari-2022

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 282

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_cookie_params(): Cannot change session cookie parameters when session is active

Filename: Session/Session.php

Line Number: 294

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 304

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 375

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_save_handler(): Cannot change save handler when session is active

Filename: Session/Session.php

Line Number: 110

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once


Prioritas dalam CSS

0 BYAdmin

Dalam CSS terdapat kode prioritas yang tidak kita dapatkan di HTML. Prioritas ini menentukan style apa yang didahulukan untuk muncul ketika browser meload halaman HTML. Lebih jelasnya seperti ini kita akan masuk saja ke dalam teknisnya.

Anggaplah kita memiliki source code HTML kosong. Untuk bisa lebih mudah dimengerti maka saya tidak akan mengisikan apa-apa ke dalamnya. Kurang lebih seperti ini kodenya ...


<html>
    <head>
    <title>Judul Halaman</title>
    <style type="text/css">
    	body{
    		background: red;
    		color: white;
    	}

    	body{
    		background: black;
    	}	    	
    </style>
    </head>
    <body>
        <p>Yang akan muncul adalah body background hitam</p>
    </body>
</html>

Yang akan muncul hasilnya adalah seperti ini :

See the Pen Prioritas dalam CSS by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Yang kita dapatkan adalah body nya ber-background warna hitam, sedangkan tulisannya warna putih. Nah pertanyaannya adalah mengapa backgroundnya berwarna hitam dan yang muncul tulisannya warna putih? Nah inilah skala prioritas dalam CSS, yang muncul stylenya adalah property dengan nilai paling akhir yang diberikan.

Sebelumnya kita telah memberi warna backgroundnya dengan warna merah, dan warna color textnya adalah putih, kemudian di syntax berikutnya kita panggil selector body lagi dengan background dengan warna hitam, sedangkan warna color textnya putih tidak kita tambahkan, itu artinya mengikuti saja dari style yang sebelumnya telah diberikan, sehingga warna textnya tidak berubah sama sekali.

Beda halnya jika Anda merubah juga colornya, kita akan testing ...


<html>
    <head>
    <title>Judul Halaman</title>
    <style type="text/css">
        body{
            background: red;
            color: white;
        }

        body{
            background: black;
            color: red;
        }           
    </style>
    </head>
    <body>
        <p>Yang akan muncul adalah body background hitam</p>
    </body>
</html>

Kurang lebih yang muncul adalah seperti ini nantinya ....

See the Pen Prioritas Dalam CSS Bagian 2 by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Jadi style yang akan muncul adalah yang terakhir kali di definisikan dari property dan value nya. Hal ini pun berlaku tidak hanya memanggil elemen body, tetapi juga berlaku untuk semua elemen html, termasuk juga nantinya adalah perpaduan selector, baik menggunakan ID maupun class, yang mana itu semua baru akan kita pelajari nanti di bagian selanjutnya.

Prioritas CSS Berdasarkan Spesifik Dalam Pemanggilan Selector

Nah apabila sebelumnya kita telah belajar prioritas dalam CSS langsung memanggil selector elemennya, nah disini kita akan belajar bagaimana prioritas apabila dipanggil selectornya secara spesifik. Sebagai contohnya begini sebelumnya kita hanya memanggil body saja, nah disini kita akan memanggil anchor/link untuk kemudian kita berikan warnanya. Teknisnya adalah seperti ini :



<html>
    <head>
    <title>Judul Halaman</title>
    <style type="text/css">
        body{
            background: red;
            color: white;
        }

        body p a{
          color:red;
        }      
      
        a{
            color:blue;
        }
 
        body{
            background: black;
        }           
      
    </style>
    </head>
    <body>
        <p>Yang akan muncul adalah body background hitam. Klik untuk menuju ke <a href="https://www.google.co.id">google</a></p>
    </body>
</html>


Bisa Anda perhatikan hasilnya kurang lebih seperti ini :

See the Pen Prioritas Berdasarkan Spesifik Selector by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Padahal bisa Anda lihat sendiri saya telah memanggil selector "body p a{" berwarna merah, kemudian saya juga memanggil anchor/link atau tag menggunakna warna biru. Tapi yang muncul adalah pemanggilan spesifik "body p a". Jadi dalam hal ini pemanggilan selector secara spesifik itu lebih diprioritaskan ketimbang yang general memanggil selector namun tidak spesifik. Mungkin Anda bertanya-tanya spesifik itu seperti apa sih??? Saya jelaskan sedikit :

Sebelumnya kita telah memanggil selector spesifik seperti "body p a" , ini memiliki arti tolong di panggil selector a yang merupakan anak dari p, yang mana p ini adalah anak dari body. Nah ini spesifik sekali karena memanggil anak dari anak, sehingga pemanggilan a secara global menjadi tidak berarti apa-apa. Begitulah ya. Anda bisa lebih mengerti prioritas ini apabile telah sering latihan.

Untuk pembelajaran prioritas ini saya tidak akan memberikan terlebih dahulu banyak-banyak contoh yang kompleks, karena khawatir Anda mual karena tidak bisa menerima contoh-contoh yang diberikan, namun kita akan belajar lebih banyak dibagian-bagian selanjutnya.