0428css基礎 樣式 選擇器 字型

css樣式表

|-引入的三種方式

|--內聯樣式

|----標籤內部（空格style）

|--內嵌樣式

|----標籤內部（）

|--外聯樣式

|----

"stylesheet

" type="
text/css
" href=""/>
"text/css
">
"">

|--id 唯

一、通過 # 查詢

|--class 可以重名、通過 . 查詢

|--《標籤名》 通過 《標籤名》 查詢（/：控制所有div/span標籤）

|--並列選擇  通過 ， 查詢（可並列控制不同型別：id，class，，）

|--後代選擇  通過 空格 查詢(只控制後代的樣式)

/*井號#代表id*/

#weiyi{}/*選擇id="weiyi"的元素*/
/*.代表class*/
.kechongming{}/*選擇所有class="kechongming"的元素*/
/*通過標籤名直接控制*/
div{}/*選擇所有div*/
span{}/*選擇所有span*/
/*並列選擇,元素之間加 , */
#weiyi,.kechongming,div,class,span{}
/*空格 選擇後代*/
#houdai div{}/*選擇id="houdai"的元素中的所有div*/
.houdai_ span{}/*選擇所有class="houdai_"的元素中的所有span*/
<
div 
id="weiyi"
>
div>
<
div 
class
="kechongming"
>
div>
<
div 
class
="kechongming"
>
div>
<
div 
class
="kechongming"
>
div>
<
div 
id="houdai"
>
<
div>
div>
<
div>
div>
<
span
>
span
>
<
span
>
span
>
div>

|-大小  width:寬度 height 高度

|-背景 background-color 顏色

|-背景

|--background-image:url("") 路徑

|--background-size: 尺寸

|--background-repeat:no-repeat 刪除預設平鋪

/*樣式 大小與背景*/

|-字型（font 文字）
|--字型的樣式 font-family(微軟雅黑、宋體、楷體等)
|--字型的大小 font-size
|--字型的格式 font-style
|--字型的粗細 font-weight
|--字型的顏色 color
|--給字型加線 text-decration：
/*字型樣式*/

span
<
span
>字型的樣式
span
>
 
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...
CSS樣式選擇器
樣式選擇器 每一條css樣式宣告 定義 由兩部分組成，形式如下 選擇器類選擇器 以英文圓點開頭，不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類，如下 膽小如鼠 2.設定類選擇器css樣式，如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...
CSS樣式 選擇器
css的選擇器 1 標籤選擇器 div p a input span h1 divp我是段落 2 類選擇器 class 類選擇器樣式 class stylediv我是div容器 我是div中的段落 3 id選擇器 id id選擇器樣式 id stylep我是div容器 4 並列選擇器 並列選擇器樣式...