溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

代碼初識與盒子模型

發布時間:2020-08-03 09:53:07 來源:網絡 閱讀:563 作者:黃騫慧 欄目:開發技術

1.什么是語言?

語言:交流工具。

人與人之間的溝通交流,我們會用到各種語言,比如:漢語,英語等。

作為一個前端工程師,要與瀏覽器溝通交流,就要用到瀏覽器所能識別的語言。

2.html--結構    超文本標記語言

  css--樣式    層疊樣式表

  js(javascript)--行為 

3.html  超文本標記語言

標簽對:

    <標記></標記>

    <html></html>

單標簽:

    直接在后面斜杠結束的標簽

    <標記/>

    <br/>

4.樣式的分類

    行間樣式表   <div ></div>

    內部樣式表   <style type="text/css">   </style>

    外部樣式表   <link href="  " rel="stylesheet" type="text/css"/>

5. 樣式 --background

  屬性:屬性值;

  width  寬度

  height  高度

 background 背景

 background-p_w_upload:fixed;背景是否滾動

 background-color:red;背景顏色

 background-p_w_picpath:url(bg.jpg); 背景圖片

 background-repeat:no-repeat;背景圖片不重復

 background-position:center 0px;背景圖的位置

6.樣式--border

  border 邊框

  border-width 邊框寬度

  border-style 邊框樣式

  border-color 邊框顏色

  邊框樣式:

    solid 實現

    dashed 虛線

    dotted 點線(IE6不兼容)

7.樣式--paddding

  padding 內邊距

  padding-top        上邊內邊距

  padding-right      右邊內邊距

  padding-bottom  下邊內邊距

  padding-left         左邊內邊距

【注意:】內邊距相當于給一個盒子加了填充后都會影響盒子的大小。

8.樣式--margin

  margin 外邊距

  外邊距的問題

       上下外邊距會疊壓

        父子級包含的時候子級的margin-top會傳遞給父級(內邊距來替代外邊距)

9.盒子模型

    盒子大小=border+padding+width/height

    盒子寬度=左border+左padding+width+右padding+右border

    盒子高度=上border+上padding+height+下padding+下border

10.常見樣式-文本設置

    font-size  文字大小

    font-family    字體

    color    文字顏色

    line-height 行高

    text-align     文本對齊方式

    font-indent     首行縮進(em縮進字符)

    font-style    文字傾斜

    font-weight     文字著重

    font-decoration    文字修飾


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女