Bagaimana cara membuka dan mengedit file css?

Bab ini menjelaskan fasilitas yang disediakan lingkungan pengembangan Novell exteNd Director untuk bekerja dengan file CSS. Ini berisi topik-topik berikut

CSS (Cascading Style Sheets) adalah mekanisme untuk menerapkan gaya (seperti font, warna, dan spasi) ke dokumen Web (termasuk file HTML, XHTML, dan XML). Anda menentukan style sheet untuk menentukan gaya yang Anda inginkan untuk dokumen. Lembar gaya itu dapat disematkan dalam dokumen, atau disimpan secara eksternal dalam file CSS terpisah dan dilampirkan ke dokumen. Keuntungan dari file CSS adalah memungkinkan Anda untuk menggunakan kembali style sheet dengan banyak dokumen

Di dalam style sheet   Style sheet terdiri dari aturan, yang mengidentifikasi bagian tertentu dari dokumen dan gaya yang diterapkan padanya. Inilah aturan tipikal

  .glossaryitem {font-weight: bold; color: slategray;}

Dalam aturan ini

• .glossaryitem adalah pemilih yang menentukan kelas entitas dalam dokumen; . CSS menyediakan beberapa jenis pemilih yang berbeda untuk memberi Anda fleksibilitas saat menargetkan gaya Anda

• font-weight adalah properti gaya untuk diatur. CSS menyediakan banyak properti berbeda untuk memberi Anda kendali atas setiap aspek gaya

• bold adalah nilai yang ditetapkan untuk properti

Beberapa aturan dalam style sheet dapat diterapkan pada entitas tertentu dalam dokumen. Saat ini terjadi, penataan gaya yang ditentukan oleh aturan tersebut mengalir untuk memengaruhi beberapa properti entitas

Contoh style sheet   Style sheet berikut menentukan beberapa aturan yang berbeda;

  body {margin-top: 0pt;}
  
  h1 
    {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 0pt;
    margin-bottom: 9pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    }
  
  p, ol, ul, dl, dt, dd, table, td, th, select, input 
    {
    font-size: 8pt;
    font-family: verdana, arial, helvetica, sans-serif;
    }  
  
  p.tablepara 
    {
    padding-top: 0pt;
    padding-bottom: 0pt;
    margin-top: 1pt;
    margin-bottom: 1pt;
    }
  
  .glossaryitem {font-weight: bold; color: slategray;}
  
  #title 
    {
    position: absolute;
    top: 25px;
    left: 4px;
    width: 208px;
    visibility: visible
    }

Lingkungan pengembangan exteNd Director menyediakan alat berikut untuk bekerja dengan CSS

• CSS File Wizard untuk membuat file CSS (style sheet).

• Editor CSS untuk memeriksa dan mengedit file CSS

• Pengelola Gaya CSS, sebuah dialog yang dapat Anda akses dari alat Direktur tambahan lainnya saat gaya CSS diperlukan

Anda dapat membuat file CSS baru atau bekerja dengan yang sudah ada

1. Pilih File>Baru>File

2. Pada tab Portlet, pilih file CSS

3. Untuk membuat file CSS kosong, batalkan pilihan Use Wizard dan klik OK. File CSS kosong dibuat dan ditampilkan di Editor CSS

   Untuk menggunakan CSS File Wizard, pilih Use Wizard dan klik OK. Wizard File CSS ditampilkan. Pergi melalui wizard sebagai berikut

4. Tentukan nama file CSS

5. Pilih halaman wizard mana yang ingin Anda lihat untuk menentukan fitur style sheet

   • Templat

   • Kosakata

   • Penampilan dasar

   • Penampilan tombol

   • Penampilan tautan

   • Penampilan judul

   Hal ini memungkinkan Anda untuk fokus hanya pada fitur style sheet yang ingin Anda tentukan saat ini. (Anda selalu dapat menentukan yang lain nanti di Editor CSS. )

6. Klik Berikutnya

7. Tentukan lokasi file CSS dan klik Next

8. Wizard sekarang menampilkan halaman yang Anda pilih, secara berurutan. Lengkapi setiap halaman dan klik Berikutnya

9. Saat Anda menyelesaikan halaman terakhir, klik Selesai

   Editor CSS ditampilkan dengan file CSS baru Anda terbuka

1. Pilih File>Buka

2. Dalam dialog Buka, pilih file CSS dan klik Buka

   Ekstensi file harus. CSS. File yang dipilih terbuka di Editor CSS dan menu Editor CSS muncul di bilah menu

Editor CSS menyediakan dua tampilan untuk bekerja dengan file CSS

• Tab CSS View memungkinkan Anda untuk mengembangkan dan memeriksa style sheet Anda dengan cara grafis. Kamu bisa

  • Memanipulasi daftar aturan untuk style sheet

  • Tentukan pemilih untuk aturan apa pun

  • Tetapkan properti untuk aturan apa pun

• Tab Tampilan Sumber menampilkan editor sumber yang dapat Anda gunakan untuk memeriksa dan mengedit kode CSS Anda secara langsung. Tampilan Sumber menawarkan fitur pengeditan teks standar yang sama yang tersedia di Tampilan Sumber Editor XML (untuk detailnya, lihat )

Berikut adalah contoh penggunaan Tampilan CSS Editor CSS untuk mengembangkan lembar gaya sederhana

CSS Style Manager adalah dialog yang dapat Anda akses dari alat Direktur extend lainnya saat gaya CSS dipanggil (seperti saat Anda mengedit file XML atau file XHTML). Dialog ini memungkinkan Anda untuk

• Lampirkan style sheet baru atau yang sudah ada

• Lepaskan lembar gaya

• Edit lembar gaya (baik dalam dialog atau dengan membuka Editor CSS)

Hak Cipta © 2003 Novell, Inc. Seluruh hak cipta. Hak Cipta © 1997, 1998, 1999, 2000, 2001, 2002, 2003 SilverStream Software, LLC. Seluruh hak cipta. lagi

Bagaimana Anda mengedit CSS?

Bagaimana cara membuka file CSS di Chrome?

Bagaimana cara mengakses file CSS?

Perangkat lunak apa yang mengedit file CSS?