css做樣式,Html專注做結(jié)構(gòu)
<style><×yle>寫在<head></head>標(biāo)簽中
css規(guī)則有兩個主要的組成部分構(gòu)成:選擇器一級一條或多條聲明 例:<p> {color: red; }屬性值前面,冒號后面保留一個空格;選擇器和大括號之間保留空格
1.基礎(chǔ)選擇器
1).標(biāo)簽選擇器:把某一類標(biāo)簽全部選擇出來,比如<div><span>
2).類選擇器:例:.red{color: red;}
多類名使用方式:例:<div class="red font20">亞瑟</div>
多類名開發(fā)中的使用場景:
1.把一些標(biāo)簽元素相同的樣式(共同的部分)放在一個類里 2.這些標(biāo)簽可以調(diào)用公共的類,也可以調(diào)用自己獨有的類
html font標(biāo)簽 語法
作用:規(guī)定文本的字體、字體尺寸、字體顏色。
說明:請使用樣式(代替 <font>)來定義文本的字體、字體顏色、字體尺寸。<font>標(biāo)簽常用的屬性有:color(文本顏色)、size(文本大?。ace(文本字體)等
3).id選擇器
語法:#id名{
? ? ? ? ? 屬性1:屬性值1;
? ? ? ? ? ...
? ? ? ? ? }
id選擇器只能調(diào)用一次,別人切勿使用。
id選擇器和類選擇器的區(qū)別:
類選擇器(class)好比人的名字,一個人可以有多個名字,同時一個名字也可以被多個人使用。(可以被調(diào)用多次)
id選擇器好比人的身份證號碼,全中國是唯一的,不得重復(fù)(只能被調(diào)用一次)
類選擇器在修改樣式中使用最多
4).通配符選擇器
通配符選擇器用*定義,會給所有的元素使用樣式,特殊情況下才使用
語法: * {
? ? ? ? ? 屬性1: 屬性值1;
? ? ? ? ? ...
? ? ? ? }
標(biāo)簽選擇器:選出所有相同的標(biāo)簽
類選擇器:根據(jù)需求選出一個或多個標(biāo)簽
id選擇器:一次只能選一個
通配符選擇器:選擇所有標(biāo)簽