1. 程式人生 > >html+css學習記錄1

html+css學習記錄1

框架 透明圖 兄弟元素 就是 不同 顯示 顏色 外部 郵件

在html中,寫再多的空格,瀏覽器也會將其解析成一個空格,可以用<br/>來換行 <hr/>也是一個字節數標簽,可以生成一條水平線。

在html中一些 如 < >這種特殊字符是不能直接使用的,但是我麽可以通過一些特殊的符號來表示這些特殊字符,這些特殊字符稱之為實體(轉義字符串)。實體的語法:&+實體的名字+; 小於號< :&lt; 大於號 >&lt; 空格 &nbsp; 版權符號 &copy; 等等 實體可以去文檔中去找

img 中alt的可以用於在圖片不顯示,顯示對圖片的描述。 alt的作用在於可以讓搜索引擎 通過alt屬性來識別不同的圖片 src的相對路徑就是當前資源所在目錄下的路徑

jpeg:支持圖片顏色多,圖片可壓縮 但是不支持透明 一般用來保存顏色豐富的圖片,如照片

gif:支持的顏色少、支持簡單透明的、支持動態圖

png:支持的顏色比較多、並且支持透明 。一般用來顯示顏色復雜的透明圖片

圖片的使用原則:效果不一致 使用效果好的 效果一致 使用小的

HTML語法規則:HTML中標簽不區分大小寫 。註釋不能嵌套。HTML中標簽必須完整要麽完整 要麽自結束標簽 .HTML標簽可以嵌套,但不能交叉嵌套。 html中標簽的屬性必須有值,且必須加雙引號

iframe可以引入一個外部的頁面 使用iframe創建一個內聯框架

href:可以寫一個完整鏈接地址,也可以寫一個相對路徑 創建超鏈接時,如果跳轉頁面不確定,可以用#占位,同時,如果設置了#,點擊鏈接會回到頂部

mailto:郵件地址 點擊會默認打開計算機的電子郵件客戶端

center標簽讓內容居中

CSS用link進行引用 CSS的註釋 /**/ CSS分為選擇器 聲明塊 選擇器即標簽元素、Class id 等,聲明塊即大括號中的元素的屬性

塊元素 內聯元素 塊元素:div p h1 h2等 內聯元素:span a iframe img等

元素選擇器:對整個元素進行設置樣式 id選擇器 # class選擇器 . 通配選擇器 * 復合選擇器 交集選擇器 屬性選擇器(p[titile])

元素之間的關系:父元素 子元素 祖先元素 後代元素 兄弟元素 語法

偽類:專門用來表示元素的一種特殊狀態 如未訪問的超鏈接 訪問的超鏈接 獲取超鏈接的焦點等

偽元素:使用偽元素來表示一些元素的特殊的位置 如:p:first-letter p:first-line

before表示元素最前面的部分,通常與content結合使用 p:before{content:} after用法一樣

:nth-child(n) 第n個 even表示奇數 odd表示偶數

:first-child 第一個子元素 :last-child 最後一個子元素 :first-of-type 當前類型中的第一個 :last-of-type 當前類型中的最後一個 :nth-of type 當前類型的第n個

p> span{} 表示尋找p元素的子元素 span p+span 設置p元素後面緊挨著的兄弟元素 span 必須是緊挨著 的(如果p後面緊跟著的不是span,則沒有效果) p~span p後面的所有的兄弟元素span

否定偽類:可以從選擇的元素中剔除某一個元素 p:not(.類名) 選擇除了類名為 的p元素

在CSS中,樣式可以被繼承 ,將一些基本的樣式設置給祖先元素,這樣這個樣式就會被所有元素繼承。但是不是所有樣式都會被繼承,比如背景相關的樣式、邊框相關的樣式、定位相關的樣式

選擇器的優先級:選中同一個元素設置相同的樣式時,產生沖突時,會有優先級的選擇。id(#)>class(.)>元素

html+css學習記錄1