"Manual Dalam Talian CSS" ialah manual rujukan dalam talian CSS rasmi Manual pembangunan dalam talian CSS ini mengandungi pelbagai sifat CSS, takrifan, kaedah penggunaan, contoh operasi, dll. Ia merupakan manual pertanyaan dalam talian yang sangat diperlukan untuk pelajar dan pembangun pengaturcaraan WEB! CSS: Cascading Style Sheets (nama penuh Inggeris: Cascading Style Sheets) ialah aplikasi yang digunakan untuk menyatakan HTML (Standard Universal Markup Language).
CSS (nama Inggeris penuh: Cascading Style Sheets) ialah bahasa komputer yang digunakan untuk menyatakan gaya fail seperti HTML (aplikasi Bahasa Penanda Umum Standard) atau XML (subset Bahasa Penanda Umum Standard).
CSS bukan sahaja boleh mengubah suai halaman web secara statik, tetapi juga boleh berfungsi dengan pelbagai bahasa skrip untuk memformat pelbagai elemen halaman web secara dinamik.
CSS boleh melaksanakan kawalan tepat tahap piksel bagi susun atur kedudukan elemen dalam halaman web, menyokong hampir semua gaya saiz fon dan mempunyai keupayaan untuk mengedit objek halaman web dan gaya model.
Petua: Sebelum meneruskan pembelajaran CSS, anda perlu mempunyai pemahaman asas tentang pengetahuan HTML dan XHTML.
Asas Bahasa CSS
Atribut
Nama atribut ialah pengecam undang-undang dan ia adalah kata kunci dalam sintaks CSS. Atribut menentukan aspek pemformatan.
Contohnya: warna ialah atribut warna bagi teks, dan inden teks menentukan lekukan perenggan.
Nilai atribut
Integer dan nombor nyata
Kuantiti panjang
Peratusan
- Pemilih CSS digunakan untuk memilih elemen yang anda inginkan gaya corak. Elemen dalam halaman HTML dikawal melalui pemilih CSS.
Setiap definisi gaya css terdiri daripada dua bahagian, bentuknya adalah seperti berikut:
[kod] Pemilih {style} [/kod] Bahagian sebelum {} ialah "pemilih". "Pemilih" menentukan objek "gaya" dalam {}, iaitu elemen dalam halaman web yang "gaya" bertindak.
Yang berikut akan memperkenalkan kepada anda cara definisi helaian gaya memaparkan elemen HTML.
Buat dan jalankan contoh CSS pertama anda!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS 实例!</h1>
<p>这是一个段落。</p>
</body>
</html>Bukankah ia sangat mudah! CSS menyediakan penerangan gaya untuk bahasa penanda HTML yang mentakrifkan cara elemen di dalamnya dipaparkan. CSS adalah satu kejayaan dalam bidang reka bentuk web. Ia boleh digunakan untuk mengubah suai gaya kecil untuk mengemas kini semua elemen halaman yang berkaitan dengannya.
Petua:
Tutorial CSS kami akan membantu anda langkah demi langkah cara menggunakan CSS untuk mengawal gaya dan reka letak berbilang halaman web pada masa yang sama. Jika anda mempunyai sebarang soalan, sila pergi ke laman web PHP CinaKomuniti CSS
untuk bertanya soalan anda, dan netizen yang bersemangat akan menjawabnya untuk anda.Takrifan gaya yang kaya: CSS menyediakan penampilan gaya dokumen yang kaya, serta keupayaan untuk menetapkan sifat teks dan latar belakang membolehkan penciptaan sempadan untuk sebarang elemen, serta jarak antara sempadan elemen dan elemen lain , serta jarak antara sempadan elemen dan kandungan elemen membolehkan anda menukar huruf besar, hiasan dan kesan halaman lain pada teks sesuka hati.
Mudah untuk digunakan dan diubah suai: CSS boleh mentakrifkan gaya dalam atribut gaya elemen HTML, atau dalam bahagian pengepala dokumen HTML, atau gaya boleh diisytiharkan dalam fail CSS khas untuk Petikan halaman HTML. Ringkasnya, helaian gaya CSS boleh menyimpan dan mengurus semua pengisytiharan gaya dengan cara yang bersatu.
Selain itu, elemen gaya yang sama boleh dikelaskan dan ditakrifkan menggunakan gaya yang sama, anda juga boleh menggunakan gaya tertentu pada semua tag HTML dengan nama yang sama, atau anda boleh menetapkan gaya CSS kepada yang tertentu dalam elemen halaman. Jika kita ingin mengubah suai gaya, kita hanya perlu mencari pernyataan gaya yang sepadan dalam senarai gaya dan mengubah suainya.
Aplikasi berbilang halaman: Helaian gaya CSS boleh disimpan dalam fail CSS yang berasingan, supaya kita boleh menggunakan helaian gaya CSS yang sama dalam berbilang halaman. Secara teorinya, helaian gaya CSS tidak tergolong dalam mana-mana fail halaman dan boleh dirujuk dalam mana-mana fail halaman. Dengan cara ini, gaya berbilang halaman boleh disatukan.
Cascading: Ringkasnya, cascading adalah untuk menetapkan gaya yang sama beberapa kali pada elemen, yang akan menggunakan set nilai atribut terakhir. Contohnya, jika anda menggunakan set helaian gaya CSS yang sama untuk berbilang halaman dalam tapak dan jika anda ingin menggunakan gaya lain untuk beberapa elemen dalam sesetengah halaman, anda boleh menentukan helaian gaya berasingan untuk gaya ini dan gunakannya pada muka surat. Gaya yang ditakrifkan kemudian akan mengatasi tetapan gaya sebelumnya dan perkara yang anda lihat dalam penyemak imbas ialah kesan gaya yang ditetapkan terakhir.
Mampatan halaman: Dalam laman web yang menggunakan HTML untuk mentakrifkan kesan halaman, sebilangan besar atau jadual berulang dan elemen fon sering diperlukan untuk membentuk gaya teks pelbagai spesifikasi Akibatnya ialah sejumlah besar tag HTML dijana, dengan itu menjadikan halaman Saiz fail bertambah. Meletakkan pengisytiharan gaya secara berasingan dalam helaian gaya CSS boleh mengurangkan saiz halaman dengan banyak, jadi masa yang diluangkan untuk memuatkan halaman juga akan dikurangkan dengan banyak. Di samping itu, penggunaan semula helaian gaya CSS mengurangkan saiz halaman ke tahap yang lebih besar dan mengurangkan masa muat turun.
Apa yang diliputi oleh manual tutorial CSS ini
Manual tutorial CSS ini merangkumi semua pengetahuan asas CSS, termasuk definisi CSS, sintaks CSS, sifat CSS, penggunaan CSS, pengenalan kepada responsif CSS, serta banyak contoh dalam talian dan CSS lengkap manual rujukan hartanah dan banyak lagi.
Petua: Setiap bab tutorial ini mengandungi banyak contoh CSS Anda boleh terus klik butang "Jalankan Contoh" untuk melihat keputusan berjalan dalam talian. Contoh-contoh ini akan membantu anda memahami dan menggunakan bahasa CSS dengan lebih baik.
Sumber rujukan pembelajaran berkaitan CSS lain
Selain pengembangan pengetahuan di sebelah kanan halaman ini, sumber berikut juga dipilih untuk semua orang
Bab terbaru
Kursus berkaitan
- Pengenalan pantas kepada pembangunan bahagian hadapan web 2021-12-10
- Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal] 2022-09-30
- Tutorial Video Permulaan Gulp 2022-04-18
- Tutorial video Brothers in Arms Gao Luofeng CSS3 2022-04-20
- Aplikasi web pembangunan AngularJS contoh tutorial video asas 2022-04-18
- Kenalan penuh Ajax 2022-04-13
- Tutorial video asas rangka kerja MUI 2022-04-13
- Kelas percubaan kelas latihan dalam talian 2019-01-10