CSS样式表
CSS樣式表
CSS作用是美化HTML網頁。
/*注釋*/??? —— 注釋語法
- 樣式表的基本概念
1-1??????? 樣式表分類
（1）?? 內聯樣式表
和html聯合顯示，控制精確，但是可重用性差，冗余多。
例：<p? style=”font-size:14px;”>內聯樣式表</p>
（2）?? 內嵌樣式表
作為一個獨立區域內嵌在網頁里，必須寫在head標簽里邊。
<style? type=”text/css”>
P
{
樣式；
}
</style>
（3）?? 外部樣式表
新建一個CSS文件，用來放樣式表。如果要在HTML文件中調用樣式表，需要在HTML文件中點右鍵→CSS樣式→附加樣式表。一般用link連接方式。
<style ?type="text/css">
* ? ?//格式對所有標簽起作用
{
? ?margin:0px; ? ?//上下邊距為0個像素
? ?padding:0px; ?//左右邊距為0個像素
}
1-2 ? ? 選擇器
（1）標簽選擇器。用標簽名做選擇器。
<style ?type="text/css">
p ? ? ? ? //格式對p標簽起作用
{
? ? 樣式
}
</ style>
（2）class選擇器。都是“.”開頭。 ? <div class="樣式名">
<head>
<style ?type="text/css">
.main
{
? ? ? ? background-color:#3C0;
? ? ? ? font-size:28px;
}
</style>
</head>
<body>
<div class="main"> ? ? ?//調用class樣式
</div>
</body>
（3）ID選擇器。以“#”開頭 ? <div ?id="樣式名">
? ? ? ?
<head>
<style ?type="text/css">
#main?
{
? ? ? ? background-color:#3C0;
? ? ? ? font-size:28px;
}
</style>
</head>
<body>
<div id="main"> ??? ?//調用id樣式
</div>
</body>
（4）復合選擇器。
1)用“，”隔開，表示并列
例：<style type="text/css">
p,span ? /*標簽p、span使用相同的樣式*/
{
? ? 樣式；
}
</style>
2）用空格隔開，表示后代
例：
<style type="text/css">
.main ?p ?/*找到使用樣式“main”的標簽，在該標簽里的p標簽使用該樣式*/
{
? ? 樣式；
}
</style>
3）用“.”隔開，表示篩選
<style type="text/css">
p.sp ? /*在標簽p中，用class調取該樣式的sp標簽*/
{
? ? 樣式；
}
</style>
轉載于:https://www.cnblogs.com/m-m-g-y0416/p/5459920.html
總結
- 上一篇： 求一个关于杨洋的个性签名。
- 下一篇： iQOO7手电筒为什么就亮一个灯？