简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

CSS简单学习的要点

不言
Lepaskan： 2018-04-21 15:46:32
asal
1295 orang telah melayarinya

这篇文章介绍的内容是CSS简单学习的要点 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

参考：http://www.w3school.com.cn/css

CSS就是让HTML元素显示的更规范的一种东西，可以写在标签里，文件头，文件外，浏览器缺省设置（级别由高到低），可以统一规范。

元素{属性：值}

h1 {color:red; font-size:14px;}
Salin selepas log masuk

将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素

CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。

你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。

h1,h2,h3,h4,h5,h6 {  color: green;  }
Salin selepas log masuk

所有的标题元素都是绿色的。

id 选择器以 “#” 来定义

#red {color:red;}#green {color:green;}
Salin selepas log masuk

第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>
Salin selepas log masuk

id 属性只能在每个 HTML 文档中出现一次

派生选择器：通过上下文定义样式
id选择器：特定id定义样式 用#
类选择器：.类名
属性选择器：为指定属性定义样式

外部样式表：

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
Salin selepas log masuk

            

Atas ialah kandungan terperinci CSS简单学习的要点 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css 要点
sumber：php.cn
Artikel sebelumnya：css模拟行星 Artikel seterusnya：CSS中可继承的属性
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
9
1588
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React? Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...
daripada 2024-04-06 21:28:37
0
1
2257
Ungkapan biasa untuk memadankan perkataan Saya mempunyai skrip di mana saya cuba memadankan nama kerja baharu dengan nama kerja sedi...
daripada 2024-04-06 21:24:04
0
1
606
Pertanyaan dan formula membentuk keseluruhan jadual, dengan lajur baharu, dengan lajur baharu ialah formula yang melibatkan nilai lajur bersyarat lain EDIT: Formula mestilah lajur "nilai" - lajur "nilai" dengan user_id te...
daripada 2024-04-06 21:23:40
0
2
530
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！