1. 程式人生 > 其它 >Educational Codeforces Round 125 (Rated for Div. 2)

Educational Codeforces Round 125 (Rated for Div. 2)

一、CSS簡介

 CSS層疊樣式表:

  Cascading   Style   Sheets

     層疊         樣式      列表 

 樣式表分類:

  外部、內部、行內樣式

  樣式優先順序: 行內元素樣式 > 內部樣式設定 > 外部連結樣式設定 

 CSS檔案結構:

 

 

二、CSS基本使用

 

 CSS選擇器:

 

  作用:用來選擇(找到)需要新增樣式的位置

 

   常用選擇器:標籤選擇器、(歸)類選擇器

<style type="text/css">
    p{
        background-color: gray;
        font-size
: 40px; } .p1{ font-family: 隸書; } </style>

 CSS樣式設定:

 

 外部樣式表:

  作用:使網頁的表示層與結構層徹底分離

<link rel="stylesheet" type="text/css" href="index.css">

三、CSS常用樣式設定

 文字樣式:

  作用:美化、修飾頁面的文字部分相關內容

  

   

 字型樣式:

  作用:定義文字的字體系列、大小、加粗、風格(如斜體)和變形(如小型大寫字母)

  

 

 列表樣式:

  

 

 

 

四、偽類和偽元素

 作用:設定超級連結的四種狀態

  狀態偽類選擇器:

 

 

 

   結構偽類選擇器:

 

 

  偽元素選擇器:

 

 

 五、CSS其他選擇器

 

 

 

 

 選擇器優先順序: