CSS样式表
CSS樣式表
CSS作用是美化HTML網(wǎng)頁。
/*注釋*/??? —— 注釋語法
- 樣式表的基本概念
1-1??????? 樣式表分類
（1）?? 內(nèi)聯(lián)樣式表
和html聯(lián)合顯示，控制精確，但是可重用性差，冗余多。
例：<p? style=”font-size:14px;”>內(nèi)聯(lián)樣式表</p>
（2）?? 內(nèi)嵌樣式表
作為一個(gè)獨(dú)立區(qū)域內(nèi)嵌在網(wǎng)頁里，必須寫在head標(biāo)簽里邊。
<style? type=”text/css”>
P
{
樣式；
}
</style>
（3）?? 外部樣式表
新建一個(gè)CSS文件，用來放樣式表。如果要在HTML文件中調(diào)用樣式表，需要在HTML文件中點(diǎn)右鍵→CSS樣式→附加樣式表。一般用link連接方式。
<style ?type="text/css">
* ? ?//格式對所有標(biāo)簽起作用
{
? ?margin:0px; ? ?//上下邊距為0個(gè)像素
? ?padding:0px; ?//左右邊距為0個(gè)像素
}
1-2 ? ? 選擇器
（1）標(biāo)簽選擇器。用標(biāo)簽名做選擇器。
<style ?type="text/css">
p ? ? ? ? //格式對p標(biāo)簽起作用
{
? ? 樣式
}
</ style>
（2）class選擇器。都是“.”開頭。 ? <div class="樣式名">
<head>
<style ?type="text/css">
.main
{
? ? ? ? background-color:#3C0;
? ? ? ? font-size:28px;
}
</style>
</head>
<body>
<div class="main"> ? ? ?//調(diào)用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"> ??? ?//調(diào)用id樣式
</div>
</body>
（4）復(fù)合選擇器。
1)用“，”隔開，表示并列
例：<style type="text/css">
p,span ? /*標(biāo)簽p、span使用相同的樣式*/
{
? ? 樣式；
}
</style>
2）用空格隔開，表示后代
例：
<style type="text/css">
.main ?p ?/*找到使用樣式“main”的標(biāo)簽，在該標(biāo)簽里的p標(biāo)簽使用該樣式*/
{
? ? 樣式；
}
</style>
3）用“.”隔開，表示篩選
<style type="text/css">
p.sp ? /*在標(biāo)簽p中，用class調(diào)取該樣式的sp標(biāo)簽*/
{
? ? 樣式；
}
</style>
轉(zhuǎn)載于:https://www.cnblogs.com/m-m-g-y0416/p/5459920.html
總結(jié)
- 上一篇： 求一个关于杨洋的个性签名。
- 下一篇： 【转】 Android快速开发系列 10