hujung hadapan web
tutorial css
Pelajaran03_01 Apakah itu CSS dan cara menetapkannya_Tutorial Asas
Pelajaran03_01 Apakah itu CSS dan cara menetapkannya_Tutorial Asas
第3讲 CSS
- 何为CSS
- CSS的几种设置方式
- 样式规则选择器
- 样式规则的注释与有效范围
- 样式属性详解
什么是CSS和CSS的设置方式
什么是CSS
CSS即:Cascading Style Sheets这几个英文单词的缩写,中文为:层叠样式表.它除了可以轻松设置网页元素的显示位置和格式外,还能产生滤镜,图像淡化,网页淡入淡出的渐变效果.简而言之.CSS就是要对网页的显示效果实现与Word一样的排版控制.例如下的代码:
<body style="FONT-SIZE:20px;COLOR:bule;FONT-FAMILY:宋体;BACKGROUND-COLOR:gray;TEXT-DECORATION:underline"> </body>
即设置了一个CSS样式.
由上可知:一个HTML元素的style属性可以指定多种样式风格,每种样式 风格的名称和它的设置值之间用冒号来分开,每种样式风格之间用分号来分开.各种"样式风格名称"被称之为"CSS属性",样式风格的"设置值"被称为"CSS属性值".这种设置网页元素的显示效果的方式就是CSS.
CSS的设置方式
- 内联样式表(inline style sheets)
例如：
<body style="FONT-SIZE:20px;COLOR:bule;FONT-FAMILY:宋体;BACKGROUND-COLOR:gray;TEXT-DECORATION:underline"> </body>在使用内联样式表时HTML4.01标准建议用户在网页的标签之间增加一个标签,
如下:
使用这种方法有两点不足:
1、如果要将同样的样式风格设置到所有的段落上，则要对每一个
标签进行重复的设置。
2、一个网页可以在多种介质或媒体上输出，使用内联样式表设置的样式会在所有的媒体上输出时都会起作用，而没法为不同的媒体指定不同的样式表。
- 嵌入样式表(Embedded style sheets)
media说明这个样式在什么介质上显示
是为了那些不支持CSS的浏览器而写的
在之间的样式规则定义语句放在一个单独的外部文件中，这个外部文件就是外部样式表文件，其扩展名这.css。一个外部样式表文件可以通过HTTP的标签连接到HTML文档中。
例：
| 先建一个test.css文件，代码如下： P{ "FONT-SIZE:20px;COLOR:bule;FONT-FAMILY:宋体;BACKGROUND-COLOR:gray;TEXT-DECORATION:underline" } |
| 再写一个要使用该样式表的文件，设他俩在同一文件夹下： type和media是可选的,rel和href是必须的 |
- 가져온 스타일 시트
예:
|
注：所有的@import部分要放在前面 |
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1387
52
Membina aplikasi Ethereum menggunakan redwood.js dan fauna
Mar 28, 2025 am 09:18 AM
Dengan pendakian harga bitcoin baru -baru ini lebih dari 20k $ USD, dan baru -baru ini melanggar 30k, saya fikir ia patut mengambil menyelam yang mendalam kembali ke dalam mewujudkan Ethereum
Vue 3
Apr 02, 2025 pm 06:32 PM
Ia ' s! Tahniah kepada pasukan Vue untuk menyelesaikannya, saya tahu ia adalah usaha besar dan lama datang. Semua dokumen baru juga.
Bolehkah anda mendapatkan nilai harta CSS yang sah dari penyemak imbas?
Apr 02, 2025 pm 06:17 PM
Saya mempunyai seseorang yang menulis dengan soalan yang sangat legit ini. Lea hanya blog tentang bagaimana anda boleh mendapatkan sifat CSS yang sah dari penyemak imbas. That ' s seperti ini.
Kad yang disusun dengan kedudukan melekit dan sasaran sass
Apr 03, 2025 am 10:30 AM
Pada hari yang lain, saya melihat sedikit ini sangat indah dari laman web Corey Ginnivan di mana koleksi kad timbunan di atas satu sama lain semasa anda menatal.
Menggunakan Markdown dan Penyetempatan di Editor Blok WordPress
Apr 02, 2025 am 04:27 AM
Jika kita perlu menunjukkan dokumentasi kepada pengguna secara langsung dalam editor WordPress, apakah cara terbaik untuk melakukannya?
Membandingkan penyemak imbas untuk reka bentuk responsif
Apr 02, 2025 pm 06:25 PM
Terdapat beberapa aplikasi desktop ini di mana matlamat menunjukkan laman web anda pada dimensi yang berbeza pada masa yang sama. Oleh itu, anda boleh menulis
Mari kita gunakan (x, x, x, x) untuk bercakap mengenai kekhususan
Mar 24, 2025 am 10:37 AM
Saya hanya berbual dengan Eric Meyer pada hari yang lain dan saya teringat cerita Eric Meyer dari tahun -tahun pembentukan saya. Saya menulis catatan blog mengenai kekhususan CSS, dan
