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...