零基礎學html語言零基礎學html語...零基礎學html語...-->
士大夫井岡山地方官
九連環離開計畫
還有一種方法就是限定可以應用它的頁面元素例:〈
head>
.....
士大夫井岡山地方官
3 id
選擇符與
class
選擇附類似,只是把
'.'換成
'#'
例:id
選擇符我們看到在呼叫id選擇附時與class選擇附類似,只是將class=""換成了id="",方便頁面指令碼語言的呼叫關聯選擇符
關聯選擇符
關聯選擇符
我們設定了在元素中
的元素所包含文字的樣式,只有在兩個條件都滿足是,樣式在
會起作用,
偽類選擇符
是只能用在
css選擇符裡,而不能用在
html
**中的選擇符例:〈
html>
關聯選擇符
關聯選擇符
關聯選擇符
關聯選擇符
〈/body>
正確的順序是
a:link\a:visited\a:hover
否則會引起頁面上連線顏色混亂
偽元素選擇符
與偽類選擇符定義類似,目前被大多數瀏覽器支援的有兩個:首行偽元素(
first-line
)和首字元偽元素
(first-letter)
是用來實現首行大寫和首行下沉效果的
例:首行
dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...
長度隨瀏覽器視窗大小而改變
首字dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...
以上兩種都只能應用於塊狀元素上
css規則
1.繼承
例:css
規則為最高端
次一級兩種
css用在乙個屬性元素上,相同的覆蓋,不同的繼承,
2.組合
例:td
p1 組合後
td,.p1
3.層疊
在樣式裡定義過後,在**屬性中又定義一次
決撒地方官
css單位
分四大類:
1 長度單位
數值可以是整數,小數,正數,負數,
0,後加單位(負值不要輕易使用)
換算關係:
1in(
英吋)=6pc(派)
1in(
英吋)=72pt(磅)
1in(
英吋)=2.54(
厘公尺)
1cm(
厘公尺)=10mm(
公釐)
1cm(
厘公尺)=0.3937(
英吋)
1pt(
磅)=1/72in(
英吋)=0.2478mm(
公釐)
1pc(
派)=1/6in(
英吋)=
我國新四號鉛字的尺寸
2 百分比單位
3 顏色單位
4 url
單位div
屬性color : #999999
文字顏色
font-family :
宋體文字字型
font-size : 10pt
文字大小
font-style:itelic
文字斜體育
font-variant:small-caps
小字型letter-spacing : 1pt
文字間距
line-height : 200%
設定行高
font-weight:bold
文字粗體
vertical-align:sub
下標字vertical-align:super
上標字text-decoration:line-through 加?h
除線text-decoration:overline
加頂線text-decoration:underline
加底線text-decoration:none ?h
除連線底線
text-transform : capitalize
首字大寫
text-transform : uppercase
英文大寫
text-transform : lowercase
英文寫text-align:right 文字*
右對齊text-align:left 文字*
左對齊text-align:center
文字置中對齊
這些是一些簡單的文字效果,可以應用到
css的頁面中。
背景background-color:black
背景顏色
background-image : url(image/bg.gif)
背景background-attachment : fixed
固定背景
background-repeat : repeat
重複排列
-網頁預設
background-repeat : no-repeat
不重複排列
background-repeat : repeat-x 在x
軸重複排列
background-repeat : repeat-y 在y
軸重複排列
background-position : 90% 90% 背景x
與y軸的位置
鏈結a
所有超連線
a:link
超連線文字格式
a:visited
瀏覽過的連線文字格式
a:active
按下連線的格式
a:hover
滑鼠移至連線
邊框border-top : 1px solid black
上框border-bottom : 1px solid #6699cc
下框border-left : 1px solid #6699cc
左框border-right : 1px solid #6699cc
右框border: 1px solid #6699cc
四邊框虛線
實線
HTML標籤及屬性大全
html標籤及屬性大全 基本結構標籤 表示該檔案為html檔案 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線 黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7,顏色使用名字或...
HTML之meta屬性大全
用於定義頁面元資訊,定義元資訊就是制定一些name value對。可以制定如下三個屬性。1.http equiv 指定元資訊的名稱,該屬性指定的名稱具有特殊意義,它可以向瀏覽器回傳一些有用的資訊,幫助瀏覽器正確地處理網頁內容。2.name 指定元資訊的名稱,該名稱值可以隨意指定。3.content ...
HTML 標籤大全及屬性
基本結構標籤 表示該檔案為html檔案 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線 黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7,顏色使用名字或rgb的十六進製制值 基...