选择器
1 <!--这个样式用在p元素中-->2 p{3 color: maroon;4 }
把CSS放入HTML中
1 <!-- 放入style元素中,但不建议文件多的时候这样做 --> 2 <head> 3 <meta charset="utf-8"> 4 <title> HEAD FIRST CSS</title> 5 <style> 6 p{ 7 color: maroon; 8 } 9 </style>10 </head>
为一个或多个页面增加样式:
步骤:
- 取出html文件中的样式规则,把他们放在一个后缀名为.css的文件中。
- 从每个html文件创建一个到css文件的外部链接
- 做好测试
1 <!--这个样式在一个index.css文件中--> 2 p{ 3 color: maroon; 4 } 5 6 7 <!-- 在html文件中 --> 8 <head> 9 10 <meta charset = "utf-8">11 <title>head first Lounge</title>12 13 <!-- 链接到外部样式表的HTML -->14 <link rel="stylesheet" href="index.css">15 16 </head>样式的继承
只能对体中的元素增加样式,所以元素不用作讨论
上图注释:
元素,就会影响到下面阴影部分的所有元素。
长江后浪推前浪,覆盖继承
然而,有些时候,不希望每个元素都继承样式。
但是,还好,浏览器总会使用更特定的规则
1 body{2 font-family:sans-serif;3 }4 5 /* 覆盖掉了从body继承的font-family属性 */6 em{7 font - family:serif;8 }单独为某些段落设置样式
总是有些段落要特殊点的
不是吗?所以,有了类的存在,就像俱乐部
1 <!-- 在html文件中 -->2 <p class="specil">3 this is a specil people/class;4 </p>5 <p>6 this is 平常的 p;7 </p>
1 /*这个样式在一个index.css文件中*/2 p{3 font-family:sans-serif;4 }5 /*specil类的p ,覆盖掉了从p继承的样式,多个元素同属一个类时,为了一次设置多个元素,可以省略类前的元素名*/6 p.specil{7 color:green;8 }谁是赢家?
什么?一个元素加入了多个俱乐部?
没事,选择器总是会选最特定(特定等级相同时选最后的)的样式
1 <!-- 在html文件中 -->2 <p class="specil big small">3 this is a specil people/class;4 </p>
1 /*选择所有段落*/ 2 p{ 3 4 color:black; 5 } 6 /*选择specil类所有成员,比上一个特定点*/ 7 .specil{ 8 color:green; 9 }10 /*这个规则只选specil类中段落,比前一个更特定*/11 p.specil{12 color:green;13 }14 p.specil{15 color:blue;16 }
结果:

HTML adalah bahasa yang digunakan untuk membina laman web, menentukan struktur laman web dan kandungan melalui tag dan atribut. 1) HTML menganjurkan struktur dokumen melalui tag, seperti,. 2) Penyemak imbas menghancurkan HTML untuk membina DOM dan menjadikan laman web. 3) Ciri -ciri baru HTML5, seperti, meningkatkan fungsi multimedia. 4) Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan. 5) Cadangan pengoptimuman termasuk menggunakan tag semantik dan mengurangkan saiz fail.

WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.

Peranan HTML adalah untuk menentukan struktur dan kandungan laman web melalui tag dan atribut. 1. HTML menganjurkan kandungan melalui tag seperti, menjadikannya mudah dibaca dan difahami. 2. Gunakan tag semantik seperti, dan lain -lain untuk meningkatkan kebolehcapaian dan SEO. 3. Mengoptimumkan kod HTML boleh meningkatkan kelajuan pemuatan laman web dan pengalaman pengguna.

Htmlisaspecifictypeofcodefocusedonstructuringwebcontent, manakala "kod" secara meluas ini

HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.


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

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 Linux versi baharu
SublimeText3 Linux versi terkini

Dreamweaver Mac版
Alat pembangunan web visual