1. 程式人生 > >2018年9月9日用HTML開發網頁的總結

2018年9月9日用HTML開發網頁的總結


今天學到的新單詞:
relationship n關係
inherit v繼承
rel:relationship的英文縮寫·REL屬性用於定義連結的檔案和HTML文件之間的關係
註釋:rel屬性,描述了當前頁面與href所指定文件的關係.
rel是relationship的英文縮寫
stylesheet中style是樣式的意思,sheet是表格之意,總起來是樣式表的意思
rel="stylesheet" 描述了當前頁面與href所指定文件的關係.即說明的是,href連線的文件是一個新式表

CSS:層疊樣式表(英文全稱:Cascading Style Sheets)

href:Hypertext Reference的縮寫。意思是超文字引用。href屬性的值可以是任何有效文件的相對或絕對URL。包括片段識別符號和JavaScript程式碼段。

HTML(Hyper Text Mark-up Language )即超文字標記語言
HTML文字是由 HTML命令組成的描述性文字,HTML 命令可以說明文字、 圖形、動畫、聲音、表格、連結等。 HTML的結構包括頭部 (Head)、主體 (Body) 兩大部分。頭部描述瀏覽器所需的資訊,主體包含所要說明的具體內容。


padding-top: 內邊距距上邊的距離
margin: auto; 居中
margin-left: 外邊距距左邊的距離
line-height:行高
background-positoin: 背景定位的屬性,有兩個屬性值,第一個代表距左邊,第二個代表距上邊。
行內快標籤和快標籤   :通過display改變標籤的屬性可以實現float浮動平鋪的效果,如果是塊標籤無法左右平鋪。inline,行標籤; inline-block,行內塊標籤; block,塊標籤;
div: 盒子
中劃線和下滑線:  python中的變數的命名一般採用下劃線,HTML中的命名規範一般採用中劃線
text-aligh: center;是使字型居中嗎?  是讓字型左右居中,讓字型上下居中是設定一下行高,line-height.

margin-top 下邊會變高嗎? mragin-top只會改變盒子的位置,讓盒子的位置向下移動一定的距離,不會改變盒子的大小(margin的所有屬性都一樣)
             而pading-top會改變盒子的大小,pading-top=5px表示距本身盒子上邊距5畫素,該盒子的高度就會變高5個畫素。(padding的所有屬性都一樣)
高度寬度能繼承嗎?      寬度能夠繼承,高度不能繼承。
列表前面的.能換成其他的嗎?           list-style: 、、、
長度過長直接變成省略號怎麼實現的?     text-overflow: eli..
邊框太大對下面的東西有影響嗎?
怎麼加箭頭

MVC ORM?

如果字用span標籤一直在底部無法調到上邊,可以給字一個div,讓字成為一個盒子。或者設這個字的標籤屬性為行內塊屬性或者是塊屬性就可以進行調節。
span是行標籤
img是行內塊標籤
h3是塊標籤
遇到無法調節大小的問題就修改它的標籤屬性。


HTML是內容的載體,用來存放內容的
CSS是用來美化內容的,比如說改變內容的位置和顯示的大小顏色。
Javascript是用來新增特效的

 相當於2.5個  空格使用


實現:solid
點狀線:dotted
虛線:deashed
雙線:double


盒子div預設是塊標籤

##### #號中的言論待考證
如果第一個div1裡面的內容高度小於或者等於本身定義的div0的高度的話,下一個div2就會自動靠下邊最左邊浮動
如果div1裡面的內容的高度大於div1設定的高度的話,div2的位置不會靠最左邊,而是在多出內容的右下角為開頭浮動,如果div設了float:left;
則在div的右邊浮動。  ####


兩個div,分別為div1和div2,如果div1的float調為left,div2不調,那個div2就會從div1開始的地方,開始浮動,也就是覆蓋在div1的下面,哪個定義浮動,哪個就優先顯示
要想讓每一個div規規矩矩的從上往下排列就需要給想要浮動的那個個div設定寬度和高度,並給指定的div設定float為left.

我的部落格即將同步至騰訊雲+社群,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=1anosoznx4tmu