css學習(中1/2) 前端入門很簡單目錄
三 用css設計影象和背景
1.設定網頁的背景
2..設定背景影象的屬性
3.設定網頁影象的樣式
四 用css設定**和表單樣式
1.網頁中的**
2.網頁中的表單
1.background-color屬性:不但可以設定網頁的背景顏色,還可以設定文字的背景顏色
基本語法:
background-color:顏色取值
語法說明:
背景顏色用於設定物件的背景顏色。背景顏色的預設值是透明色,大多數情況下可以不用此方法進行設定。background-color屬性可以用於各種網頁元素。
例項**:
2.background-image屬性
基本語法:
background-image:url(影象位址)
語法說明:
影象位址可以是絕對位址,也可以是相對位址。
例項**:
1.background-repeat屬性:設定是否及如何重複背景影象。
基本語法:
background-repeat:no-repreat |repeat| repeat-x|repeat-y;
語法說明:
屬性值描述no-repeat
背景影象不重複,僅顯示一次
repeat
預設。背景影象將在垂直方向和水平方向重複
repeat-x
背景影象只在水平方向重複
repeat-y
背景影象只在垂直方向重複
2.background-attachment屬性:固定背景屬性
基本語法:
background-attachment:scroll | fixed;
語法說明:
屬性值描述scroll
背景影象隨物件內容滾動
fixed
背景影象固定
3.background-position屬性:設定物件的背景影象位置
基本語法:
background-position: 450px 360px;
語法說明:
background-position的屬性值
設定值藐視
x(數值)
設定網頁的橫向,單位可以是所有尺度單位
y(數值)
設定網頁的縱向位置,單位可以是所有尺度單位
例項**:
1.border屬性:為影象新增邊框線
**例項:
*dashed(虛線)
例項**:
1.**物件標記:**的行、列和單元格都可以進行賦值、貼上,在**中還可以插入**,**巢狀使設計更加方便。
例項**:
**還有caption、tbody、thead和th標記。
語法說明:
.caption:可以通過來設定標題單元格,乙個**只能含乙個標記定義**標題。
.tbody:用於定義**的內容區,如果乙個**由多個內容區構成,可以使用多個tbody組合。
.thead和th:thead用於定於**的頁首,th定義頁首的單元格,通過適當的標出**的頁首可以時**更加有意義。
2.**的bgcolor屬性:設定**的背景顏色
3.**的border樣式
4.設定**的陰影
表單的作用是可以與站點的訪問者進行互動,或收集資訊,然後提交至伺服器進行處理。表單中可以包含各種表單物件。
1.表單物件
表單由兩個重要的部分組成:一是在頁面中看到的表單介面;二是處理表單資料的程式,它可以是客戶端應用程式,也可以是伺服器單的程式。
建立表單後,需要在其中新增表單物件才能實現表單的作用。可以插入到表單中的物件有文字域、單選按鈕、核取方塊、列表/選單、按鈕、影象域等。
2.表單標記
基本語法:
標記的屬性如下:
name
表單的名稱
method
定義表單結果從瀏覽器傳送到伺服器的方法,get/post
action
用來定義表單處理程式(asp、cgi等程式)的位置
enctype
設定表單資料的編碼方式
target
設定返回資訊的顯示方式
input
寫入標記
select option
選單下拉列表框
texttarea
多行的文字框
3.表單的布局設計
頁面由乙個居中的div物件作為表單的主容器,在這個容器內用乙個**來布局表單物件,**對資料的排列方式方式非常適合於表單元素的排列。因此,**是表單布局的主要工具。目前很多大型**都採用**來對表單進項布局,特別是一些複雜的表單。
4.設定邊框樣式
表單物件支援邊框屬性,邊框屬性提供了10多種樣式
5.設定背景樣式
6.設定輸入文字的樣式
HTML學習(上)前端入門很簡單
一 網頁標記語言html入門基礎 1.html文件主體標記 2.head部分的標記 html檔案就是乙個文字檔案。文字檔案的字尾名是.txt,而html得字尾名是.html。在html文件中,第乙個標記是,這個標記告訴瀏覽器這是html文件的開始。html文件的最後乙個標記是,這個標記告訴瀏覽器這是...
前端學習之CSS入門
這幾天正巧碰上好多事,只能斷斷續續的學習,並且確實也懈怠了不少。自學麼,總是會碰到各種問題的,不能全身心的投入到學習中去,進度也比較慢,更多的要靠自己的自控能力,所以說,沒有自制力的人還是要報班學習啊。而我呢,就是想挑戰下自己,並且鍛鍊下自己。加油吧!用了快兩周多的時間才更新,下一步我要端正下自己的...
MySQL入門很簡單 學習筆記 索引頁
mysql入門很簡單 學習筆記 第1 章 資料庫概述 mysql入門很簡單 學習筆記 第 2 章 windows平台下安裝與配置mysql mysql入門很簡單 學習筆記 第 4 章 mysql資料型別 mysql入門很簡單 學習筆記 第 5 章 運算元據庫 mysql入門很簡單 學習筆記 第6章 ...