CSS學習(中1 2) 前端入門很簡單

2021-09-25 18:03:19 字數 2742 閱讀 3961

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