1. 程式人生 > 實用技巧 >HTML網頁中的CSS相關

HTML網頁中的CSS相關

  @*使用CSS的方式,內聯式,嵌入式,外聯式
        內聯式,在html元素的style屬性裡面設定
        嵌入式,在<style></style>標記塊裡面設定
        外聯式,把CSS設定在一個獨立的以.CSS為字尾的檔案中,
        嵌入式和外聯式通常放置於head標籤之中*@
    <link rel="stylesheet" href="~/css/site.css" />
    @*選擇器:標籤選擇器,類選擇器,Id選擇器,所有元素*@
    @*優先順序:行內樣式,id選擇器,類選擇器,標籤選擇器,*選擇器*@
    
<style> p { color: blue; } #primary { background-color:aquamarine; } .red { color:red; } * { color:cadetblue; } </style> @*樣式的選擇: 1.僅僅適用於某一個特定元素,沒有任何重用價值,就直接使用行內樣式(內聯式)
2.僅僅在某一個特定頁面中重用,就使用頁內樣式(嵌入式) 3.需要在多個頁面中重用,就使用外部樣式(外聯式)*@ </head> <body background="images/bike.jpg"> <p>我是高手</p> @*canvas標籤預設是300*150,需要開發人員用js開發*@ @*<canvas width="150" height="150"></canvas>*@ <p id="primary">我是高手</p> <p class="red"
>我是高手</p>