css學習筆記

2022-09-03 17:51:10 字數 1673 閱讀 9223

1.在 css 中,類選擇器以乙個點號顯示:

.fancy td

ortd.fancy

2.lang 屬性規定元素內容的語言

3.如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。

內部有的還是繼承內部的,沒有的繼承外部。

4.id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。

id 選擇器以 "#" 來定義。

5.我是斜體字。這是因為 strong 元素位於 li 元素內。

li strong

通過strong只改變ul中的某一行屬性

6.使用 font-family 屬性 定義文字的字型系列。

把 web 頁面上的段落的第一行縮排,這是一種最常用的文字格式化效果。css 提供了 text-indent 屬性,該屬性可以方便地實現文字縮排。

可以使用 background-color 屬性為元素設定背景色。這個屬性接受任何合法的顏色值。

7.•a:link - 普通的、未被訪問的鏈結

•a:visited - 使用者已訪問的鏈結

•a:hover - 滑鼠指標位於鏈結的上方

•a:active - 鏈結被點選的時刻

8.如需在 css 中設定**邊框,請使用 border 屬性。

text-align 屬性設定水平對齊方式,比如左對齊、右對齊或者居中:

vertical-align 屬性設定垂直對齊方式,比如頂部對齊、底部對齊或居中對齊

9.如需控制**中內容與邊框的距離,請為 td 和 th 元素設定 padding 屬性

10.輪廓(outline)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。

css outline 屬性規定元素輪廓的樣式、顏色和寬度

11.•list-style-type:none - 刪除圓點。導航欄不需要列表項標記。

•把外邊距和內邊距設定為 0 可以去除瀏覽器的預設設定。

12.a

•display:block - 把a顯示為塊元素可使整個鏈結區域可點選(不僅僅是文字),同時也允許我們規定寬度

13.建立透明影象 - hover 效果

在本例中,當使用者將滑鼠指標移動到上時,會改變的透明度。

1.內聯式

內容2.嵌入式

3.外部式

引用外部.css檔案

main.css檔案:

span

html檔案中呼叫.css檔案:

內聯式 > 嵌入式 > 外部式

14. 

類選擇器:

語法:.類選器名稱

注意:1、英文圓點開頭

2、其中類選器名稱可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合適的標籤把要修飾的內容標記起來,如下:

膽小如鼠

第二步:使用class="類選擇器名稱"為標籤設定乙個類,如下:

膽小如鼠

第三步:設定類選器css樣式,如下:

.stress/*類前面要加入乙個英文圓點*/

id選擇器:

在很多方面,id選擇器都類似於類選擇符,但也有一些重要的區別:

1、為標籤設定id="id名稱",而不是class="類名稱"。

2、id選擇符的前面是井號(#)號,而不是英文圓點(.)。

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...