1. 程式人生 > >HTML中Css詳細介紹

HTML中Css詳細介紹

維護 類型 html 外部 -html css樣式 樣式表 作用 tex

一、樣式表的作用
  1、Css樣式表,層疊樣式表
  2、類似於人類的衣服,網頁的衣服
  3、作用:美化網頁
  4、優勢:

    1.內容與表現分離,便於維護
    2.樣式豐富,頁面布局靈活
    3.提高頁面的訪問速度,減少網絡的帶寬
    4.有利於被seo收錄
二、樣式表的類型
  1.行內樣式表 <html標記 p style="屬性:值;......"></html 標記>
  2.內部樣式表——寫在<head></head>中的<style>標簽中
  <head>
  <style type="text/css>"</head></style>
  選擇器(屬性:值)
  3.外部樣式表
  單獨的拓展名為css的文件
在文件中,直接編寫【選擇器】就可以了
在網頁中,連接外部的樣式表拓展名為css的文件 P103 <link type="text/css" rel="stylesheet" hre表文件"/>
三、CSS表的語法
選擇器的名{網頁的屬性:值;...............}
1.標簽選擇器--html標記
  1.會自動應用的網頁的標簽上面
2.類選擇器--.選擇器名{屬性:值}
  在需要應用選擇器的html標記中,添加屬性值
  <html 標記 class="類選擇名">
3.ID選擇器--#選擇器名{屬性:值}

四、樣式表和選擇器的優先
  行內樣式>內部樣式表>外部樣式表 ID>類選擇器>標簽

HTML中Css詳細介紹