HTML中Css詳細介紹

來源:互聯網
上載者:User

標籤:html   ...   類型   type   衣服   頁面   link   選取器   訪問速度   

一、樣式表的作用
  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詳細介紹

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.