3 Tipe CSS

 

Internal Style Sheet

Adalah cara embeding css dengan menulis langsung di dalam file html yang ingin kita atus tampilannya. Penulisan ini disisipkan diantara tag head juga dengan diapit oleh tag style. Berikut ini contohnya:

<style type="text/css">

img.wp-smiley,

img.emoji {

               display: inline !important;

               border: none !important;

               box-shadow: none !important;

               height: 1em !important;

               width: 1em !important;

               margin: 0 .07em !important;

               vertical-align: -0.1em !important;

               background: none !important;

               padding: 0 !important;

}

</style>

Keterangan : script di atas berfungsi sebagai pendukung aplikasi emoji 4.2 digunakan dalam pesan elektronik dan halaman web.
pengaturan display, border,tinggi dan lebar dll diseting agar tampilan dan ukuran emoji bisa sesuai dengan ukuran pengetikan pesan/komentar.

External Style Sheet

Adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css. Untuk memanggilnya menggunakan script html yang disisipkan antara tag head sebagai berikut:

<link rel='stylesheet' id='advanced-responsive-video-embedder-css'   

href='http://www.samehadaku.net/wp-content/plugins/advanced-responsive-video-embedder/

public/advanced-responsive-video-embedder-public.css?ver=6.3.6' type='text/css' media='all' />

<link rel='stylesheet' id='google_font_open_sans-css'  href='http://fonts.googleapis.com/css?family

=Open+Sans%3A300italic%2C400italic%2C600italic%2C400%2C600%2C700&ver=

4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='google_font_roboto-css'  href='http://fonts.googleapis.com/css?family

=Roboto%3A500%2C400italic%2C700%2C500italic%2C400&ver=4.3.1' type='text/css'

 media='all' />

<link rel='stylesheet' id='js_composer_front-css'  href='http://www.samehadaku.net/wp-content/

plugins/js_composer/assets/css/js_composer.css?ver=4.7.4' type='text/css' media='all' />

<link rel='stylesheet' id='td-theme-css'  href='http://www.samehadaku.net/wp-content/themes/

Newspaper/style.css?ver=6.5.1' type='text/css' media='all' />

#CSS login wordpress

.login-from {

    margin-top: 80px;

    border: 1px solid #ddd;

}

.login-from h4 {

    font-size: 26px;

    margin-bottom: 20px;

    margin-top: 20px;

}

p.return-home {

    margin: 20px 0;

}

Keterangan : script CSS di atas adalah login.from css dalam sebuah web. Aturan yang dipakai untuk tampilan loginnya adalah login-from, login from h4, p.return-home.dengan masing masing margin, border, dan ukuran font dengan ukuran yang berbeda sesuai yang di inginkan.