HTML,CSS學習筆記

2022-09-08 06:54:11 字數 2134 閱讀 3183

元素,代表是乙個段落,單獨另起一行

(調字型顏色) 

text-align屬性規定元素中的文字的水平對齊方式 

(居中) 

(左對齊) 

(右對齊) 

這個元素的功能就是定義一條水平線出來。 

(調水平線顏色,粗細,長寬) 

float不想讓它們單獨在一行,想合併成一行 

姓名:***

年齡:**

性別:女

愛好:男

這是美麗的

(固定絕對位置(上top、下、左left、右right)) 

元素,編寫出斜體字,可以放在元素裡面來使用

元素:編寫出粗體的文字

的作用是換行 

新元素:文字帶下劃線

元素:插入 

標籤的 src 屬性是必需的。它的值是影象檔案的 url,也就是引用該影象的檔案的的絕對路徑或相對路徑。 

例:

(border-width:1px;border-color:black;border-style:dotted;為html元素設定邊框,依次是邊框寬度、邊框顏色、邊框樣式;可以將它們組合,寫成這樣:border:1px black dotted;) 

邊框換個顏色(red、green)、寬度、樣式(solid、dashed、double)

的作用,裡面的元素隨著位置的改變而改變,現在它就把它裡面的內容就分成了網頁中的一部分。 

//絕對位置

好多好多

和有序列表

標籤是定義有序列表的 

是定義裡面的每一行內容 

例: 地球

月球火星

margin-top:20px;margin-left:20px;">地球(通過margin-top:20px;為html元素設定上邊距,每個元素可以設定四個邊距(上top、下、左left、右right);可以將它們組合,類似邊框樣式,這樣寫:margin:20px 10px 5px 10px;代表著上邊距20px、右邊距10px、下邊距5px、左10px)

"padding:20px;">第一行第一列(通過padding:20px;設定外邊距,這是距離四外邊距離都一樣的情況;可以將它們組合,類似邊框樣式,這樣寫:margin:20px 10px 5px 10px;代表著上邊距20px、右邊距10px、下邊距5px、左10px;只設定乙個內邊距:padding-top(上內邊距)、padding-bottom(下內邊距)、padding-left(左內邊距)、padding-right(右內邊距)) 

、、編寫乙個簡單的** 

標籤是定義 html **的 

元素定義**的行,元素定義**的列 

例: 第一行第一列

第一行第二列

第二行第一列

第二行第二列

border是元素的乙個屬性,作用就是設定**外面的邊框。 

標籤定義超連結,重要的屬性是 href 屬性,它指示鏈結的目標。 

例: @陳斌兒童程式設計和機械人  

width:1000px ;它的意思是給我們本網頁設定的寬度為1000畫素。

margin:0 auto;意思是上下外邊距為0.左右外邊距根據螢幕解析度自動設定,其實就是居中。

padding-top:50px;意思是距離瀏覽器的上邊框50畫素。

font-family: arial,stkaiti,kaiti,sans-serif,time new roman;設定多個字型。

font-size:設定內容的大小

background-color:lightgray,為html元素設定背景顏色

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...

html css學習筆記

本人正經職業位android 開發,無奈現在社會壓力太大,對做人的要求越來越高,只掌握一門技術根本不好意思說自己是一名程式設計師,更無法在這個社會生存。本人只好順應時代發展的需要,不斷提高自己的綜合水平,提高對自身的要求,選擇了去學習html和css等前端的有關知識,新手入門,記錄一些學習過程中的筆...

html css學習筆記

1.html結構標準 2.css樣式標準 3.js行為標準1.ie 2.谷歌 3.火狐 4.蘋果 5.歐朋 注意 其他瀏覽器都用別人瀏覽器技術,只是更換了 doctype html 描述當前檔案的版本資訊,如果沒有詳細說明就是5.0版本 html html檔案 head 網頁的頭部 meta cha...