HTML與CSS的幾個知識點[1]

來源:互聯網
上載者:User

1、CSS的注釋格式/* */。

2、偽類

(1)必須將偽類寫在元素選取器最後。

(2)偽類a順序

a:link
a:visited
a:hover
a:active

即:LoVe HAte(愛恨)

3、幾個基本的HTML標籤

具體參見這裡

DTD:指示在哪種 XHTML 1.0 DTD 中允許該標籤。S=Strict, T=Transitional, F=Frameset.

<!DOCTYPE>  定義文件類型。 STF

<html> 定義 HTML 文檔。 STF

<body> 定義文檔的主體。 STF

<h1> to <h6> 定義 HTML 標題。 STF

<p> 定義段落。 STF

<br> 定義簡單的折行。 STF

<hr> 定義水平線。 STF

<!--...--> 定義注釋。 STF

<b> 定義粗體文本。 STF

<i> 定義斜體文本。 STF

<em> 定義強調文本。 STF

<big> 定義大號文本。 STF

<strong> 定義語氣更為強烈的強調文本。 STF

<small> 定義小號文本。 STF

<sup> 定義上標文本。 STF

<sub> 定義下標文本。 STF

<bdo> 定義文本的方向。 STF

<u> 不贊成使用。定義底線文本。 TF

<pre> 定義預格式文本 STF

<code> 定義電腦代碼文本。 STF

<acronym> 定義只取首字母的縮寫。 STF

<abbr> 定義縮寫。 STF

<address> 定義文檔作者或擁有者的聯絡資訊。 STF

<blockquote> 定義區塊引述。 STF

<q> 定義短的引用。 STF

<cite> 定義引用(citation)。 STF

<ins> 定義被插入文本。 STF

<del> 定義被刪除文本。 STF

4、選擇符規則: 計算特性

基於它們的特性層級,樣式表也可以超越與之衝突的樣式表,一個較高特性的樣式永遠都淩駕於一個較低特性的樣式。這隻不過是計算選擇符的指定個數的一個統計遊戲。

  1. 統計選擇符中的ID屬性個數。
  2. 統計選擇符中的CLASS屬性個數。
  3. 統計選擇符中的HTML標記名格式。

最後,按正確的順序寫出三個數字,不要加空格或逗號,得到一個三位元。( 注意,你需要將數字轉換成一個以三個數字結尾的更大的數。)相應於選擇符的最終數字列表可以很容易確定較高數字特性淩駕於較低數位。以下是一個按特性分類的選擇符的列表:

#id1         {xxx} /* a=1 b=0 c=0 --> 特性 = 100 */
UL UL LI.red {xxx} /* a=0 b=1 c=3 --> 特性 = 013 */
LI.red {xxx} /* a=0 b=1 c=1 --> 特性 = 011 */
LI {xxx} /* a=0 b=0 c=1 --> 特性 = 001 */

5、儲存檔案編碼格式

HTML、CSS、javascript檔案編碼格式最好統一。不能統一的也要指定好格式。

HTML指定編碼:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>demo</title>
<link href="/demo.css" rel="stylesheet" type="text/css">

調用js檔案:

<script src="/xx.js" type="text/javascript" encoding="utf-8"></script> 

在CSS檔案中聲明編碼:

@charset "utf-8";
相關文章

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.