首頁 > web前端 > html教學 > HTML/CSS總結1

HTML/CSS總結1

WBOY
發布: 2016-09-26 08:27:16
原創
902 人瀏覽過

1.定義網頁背景顏色

 

    

   顏色可用2種方式表示:1. 直接指定顏色名稱,如blue。 2.使用十六進位資料表示如#RRGGBB,分別表示兩位十六進位資料.

 

2.設定背景圖

  

 

3.設定文字顏色

  

 

4.設定連結文字屬性

  

   alink可以用來設定滑鼠點擊連結時的顏色;vlink可以設定被造訪過的超連結的顏色。

 

5.設定頁面邊距

 

 

6.標題標記

 

...

 

7.定義頁面關鍵字

 

 

8.定義頁描述

 

 

9.定義編輯工具

 

 

10.定義作者資訊

 

 

11.定義網頁文字及語言

 

 

12.定義網頁的定時跳轉

 

用http-equiv中的refresh不僅可以實現頁面本身的自動刷新,也可以實現頁間的自動跳轉過程。

 

13.連結

      1. 建立基本超連結:連結顯示文字

          屬性:href--指定連結位址;name--給連結名字;title--為連結新增提示文字;target--指定鏈  接的目標視窗;Target參數的屬性則取值:-self--在目前頁面中打開鏈接;  -blank--在一個全新的空白窗口中打開鏈接;-top--在頂層框架中打開鏈接,也可理解為在根框架中打開鏈接;-parent--在當前框架的上一圖層打開連結。

      2. 建立影像連結

          連結的圖像

      3. 建立錨點

             錨點是指在給定名稱的一個網頁中的某一個位置,在建立錨點連結前先建立錨點。

          ...

 

14.表單

     

   一般情況下表單的處理程序action和傳送方法method是不可或缺的參數。

     Action用於指定表單資料提交至哪個地址處理。表單的處理程序是表單要提交的地址,也就是表單中收集到的資料將要傳遞到的程式地址。

     傳送方法的數值只有兩種,即get和post。 Get--表單資料傳送到action屬性指定的URL,然後這個新的URL被送到處理程序上。 Post--表單資料被包含在表單主體中,然後送到處理程序中。

 

15.插入影像

     ”提示文字的內容”

 

16.新增多媒體檔案

   

   

 

17.插入其他標記

    插入空格符號: 

   插入特殊符號:&...©

 

18.設定文字格式

    font用來控製字體、字號、顏色等屬性;... 可以透過face設定不同的字體。 ..用來設定字體大小。 ... 用來設定文字顏色。

    加粗的文字加粗的文字斜體文字斜體文字斜體文字底線內容上標內容下標內容

 

19.設定段落格式

   

段落文字

不換行文字
換行標記

 

20.水平線標示

    


在網頁中輸入一個此標記即新增了一條預設樣式的水平線、




利用水平線去除陰影

 

21.css

      1.css:層疊樣式表。使用css能夠簡化網頁的格式化程式碼,加快下載的速度,也減少了需要上傳的程式碼數量,大大減少了重複勞動的工作量。樣式表的首要目的的為網頁上的元素精確定位。其次他把網頁上的內容結構與格式控制分開,使得網頁可以僅由內容構成,而將網頁的格式透過css樣式表檔來控制

      2.Css語法結構僅由3部分組成,分別為選擇符、樣式屬性與數值,基本語法如下:

        選擇符{樣式屬性:值;樣式屬性:值;...}

      3.基本css選擇器

         標籤選擇器:直接將html標籤作為選擇器如p選擇器;類別選擇器:標記選擇器一旦聲明,則頁面中所有的該標記都會相應的產生變化;Id選擇器的使用方法和class選擇器基本上相同,不同之處在於id選擇器只能在html頁面使用一次。

      4.css的使用方式

         連結外部樣式表:

         行內方式:

         內外部樣式表:

         

           @import url(「外部樣式表的檔案名稱」);

        

         內部樣式表:

       

       

      

      5.設定css屬性

         css屬性分為:類型、背景、區塊、方框、邊框、清單、定位、擴充。

         css類型屬性:Font-family、Font-size、Font-style、Line-height、Text-decoretion、Font-weight、Font-variant、Text-transform、Color

         css背景屬性:Background-color、Background-image、Background-repeat、Background-attachment(確定背景影像是固定在它的原始位置或隨內容一起捲動)、Background-position(X)和背景影像是固定在它的原始位置還是隨內容一起捲動)、Background-position(X)和background-position(Ybackground ):指定背景影像相對於元素的初始位置。

         css區塊屬性:Word-spacing:設定單字的間距;Letter-spacing:增加或減少字母或字元的間距。 vertical-align:指定應用它的元素的垂直對齊方式。 Text-align:設定元素中文字對齊方式。 Text-indent:指定第一行文字縮排的程度。 White-space:決定如何處理元素的空白。 Display:指定是否及如何顯示元素。

         css方框屬性:Width和height屬性設定元素的寬度和高度。 Float:設定其他元素在哪個邊圍繞元素浮動。 Padding:指定元素內容與元素邊框之間的間距。 Margin:指定一個元素的邊框與另一個元素之間的間距。

         css邊框屬性:Style:設定邊框的樣式外觀。 Width:設定元素邊框的粗細。 Color:設定邊框的顏色。

         css清單屬性:List-style-type:設定項目符號或編號的外觀。 List-style-image:可以為項目符號指定自訂圖像。按一下瀏覽按鈕選擇圖像或輸入圖像路徑。 List-style-position:設定清單項目文字是否換行和縮排以及文字是否換行到左邊距。

         css定位屬性:Position:四個可選值:absolute能夠準確將元素移動到你想要的位置,絕對定位元素的位置。 Fixed--相對於視窗的固定定位。 Relative--相對定位是相對於元素預設的位置的定位。 Static--此屬性值是所有元素定位的預設情況,可用static取消繼承,即還原元素定位的預設值。 Visibility:如果不指定可見性屬性,則預設情況下大多數瀏覽器都會繼承父級的值。

         css擴充屬性:Page-break-before:其中兩個屬性的功能是為列印的頁面設定分頁符號。 Page-break-after:檢索或設定物件後出現的頁分割符。 Cursor:指針位於樣式控制的物件上時會改變指標影像。 Filter:對樣式所控制的物件套用特殊效果。

 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板