CSS的簡單用法

2021-08-31 03:54:50 字數 2716 閱讀 4006

css(層疊樣式表)是一種格式化網頁的標準方式,用於設定網頁的樣式,定義了如何顯示html元素。

選擇器,其中選擇器可以是標籤,類名,id名。

2.1 內鏈樣式表:;

2.2 嵌入式樣式表:

2.3 引入式樣式表:

3.1 html標記定義:,    td td可以叫做選擇器,定義標記中的內容執行其中的樣式,乙個選擇器可以控制若干個樣式屬性,他們之間需要用英文;隔開,最後乙個屬性可以不加分號。

3.2 class定義:...

,class定義是以  .  開始的。

.p3.3 id定義:...

,id定義是以  #  開始的。

#p3.4 優先順序問題:id>class>html,同級時選擇離元素最近的乙個

3.5 組合選擇器(同時控制多個元素):h1,h2,h3,選擇器組合可以選擇  ,隔開

3.6 偽元素選擇器:

a:link——正常鏈結的樣式;a:hover——滑鼠放上去的樣式; 

a:active——選擇鏈結時的樣式;     a:visited——已經訪問過鏈結的樣式;

4.1.css樣式主要文字屬性:

font-family:設定文字的字型,可以設定一系列字型

font-size:設定文字字型的大小(字型大小)

font-weight:設定文字字型的粗細

font-style:設定文字字型的樣式

line-height:設定文字的行高,即行間距

text-decoration:設定文字的裝飾效果

color:設定文字字型的顏色

4.2 css樣式主要段落屬性:

letter-spacing:設定字元間距

vertical-align:設定垂直方向對齊方式

text-align:設定水平方向對齊方式

text-indent:設定文字首行縮排

white-space:設定文字是否自動折行

4.3 css樣式主要背景屬性:

background:在乙個宣告中設定所有的背景屬性

background-color:背景顏色

background-repeat:背景的平鋪方式

background-position:背景出現的初始位置

background-attachment:背景是否隨頁面滾動

4.4 邊框屬性:

border

設定邊框的所有屬性

border-width

設定四條邊框的寬度屬性

border-sytle

設定四條邊框的樣式屬性

border-color

設定四條邊框的顏色屬性

border-top

設定上邊框的所有屬性

border-top-width

設定上邊框的寬度屬性

border-top-sytle

設著上邊框的樣式屬性

border-top-color

設定上邊框的顏色屬性

5.1 背景的簡寫:background:背景顏色  url  重複   位置(background:#f60  url(images/bd.jpg)  no-repeat  top center)

5.2 邊框的簡寫:border:邊框風格  邊框寬度,邊框顏色(border:solid  2px  #f60)

5.3 列表的簡寫:list-style:標記的型別   標記的位置  設定影象列表標記  (list-style:square  inside  url(images/arrow.jpg))

div和span在整個html標記中沒有任何實在的意義,他們的存在就是為了應用css樣式。div和span的區別在於,span是內聯元素,div是塊級元素。

鮮花**

玫瑰康乃馨 玉蘭

梅花 牡丹

海棠 桂花

丁香 水仙

紫羅蘭

結果:

結果:

mysql的簡單用法 mysql簡單用法

刪除使用者 drop user jack drop比delete刪除的優勢在於drop可以刪除使用者的許可權,更加徹底 更改使用者名稱 rename user jack to jacknew 使用者的都存在與user表中,更改名稱,許可權不變 更改使用者密碼 update mysql.user se...

Day12 CSS簡單用法

當我想要將html中的部分屬性修改的時候,如果單個改的話,費時費力,這時候我就需要利用css和html結合起來了。hello1 hello2 hello3 div當 中有pp 當我想要修改裡邊的標籤的時候,我們可以利用後代標籤,可以這麼寫。pppp 塊級標籤 可以設定長寬 內聯標籤 設定長寬無效 w...

sudo的簡單用法

sudo 的簡單用法 sudo 是linux 下一種能讓普通使用者執行 root 使用者或者其他使用者的命令 在 linux 中為了能方便的作業系統,同事也為了減輕管理員的負擔,這裡就有了 sudo 這個工具,讓普通使用者能執行 root 使用者的一部分權利。在 linux unix 下專門為 su...