• <ol id="gebcs"></ol>
    <track id="gebcs"><i id="gebcs"></i></track>

    HTML/CSS必備單詞

    時間:2022-06-26 15:21:20 類型:HTML/CSS
    字號:    

    HTML,CSS本身是一門非常簡單的語言,主要就是幾個標簽及一些屬性修飾,稍微難點的就是我們必須知道的一些英文單詞,比如如下:


    1. img:  image的縮寫(圖片)  網頁上代表一張圖片

    2. src:  source的縮寫(資源) 網頁上是指要被調用的圖片,文件的位置

    3. alt:  alternative的縮寫(可供替代的) 當圖片顯示不出來時則顯示alt的文字信息

    4. title:  標題  當圖片正常加載顯示,鼠標放到圖片上時顯示的文本內容

    5. style:  風格,樣式, 比如修飾不同的顏色,大小,邊框等等

    6. width:  寬  比如:width:200px; 寬:200像素

    7. height: 高  比如:height:200px; 高:200像素

    8. border:  邊框  理解為相框的邊界  比如: border:10px solid red;   邊框寬度:10px 的紅色邊框  
        solid: 連續的,實心的  dashed: 虛線


      border-radius: 邊框圓角


    9. 方向單詞: left : 靠左 right: 靠右 center: 居中 top: 頂部 bottom: 底部

    10. a : 超級鏈接
      href: 鏈接到哪里, 點擊跳轉到哪里

    11. target: 目標
      target="_blank" 在瀏覽器新窗口打開文檔

    12. 字體修飾屬性:
      1, font-size: 14px; 字體大小 14px
      2, font-weight: bold; 字體加粗
      3, color: red;      字體顏色 紅色
      4, text-decoration: underline; 文本修飾,顯示下劃線
      5, text-decoration: none;      文本修飾,無下劃線  
      6, text-decoration: line-through;      文本修飾,加刪除線
      7, font-family:'微軟雅黑';   指定使用什么字體,比如宋體,黑體等
      8, line-height: 30px; line-height:行高 一行文字占的高度 30px
                     常用于兩個地方:單行垂直居中  設置height = line-height
                     段落中多行字體之間的間隔 9, text-indent: 2em   文本縮進 10. text-align: 文本對齊

    13. background: 背景
      background-color: 背景顏色
      repeat :  平鋪  重復
      no-repeat: 不平鋪

    14. padding: 內邊距  襯墊,填充的空白
      margin:  外邊距  頁邊空白

    15. float:   浮動,飄動   像一條魚在池塘中游到左邊,或者右邊

    16. clear:  both;  清除兩邊的浮動  像一個擋板把上下隔開,導致上下兩邊的魚不能互相聊天

    17. static:   靜態
      relative: 相對   參照物: static時的位置
      absolue:  絕對   參照物: 第一個父級relative的父級元素
      fixed  :  固定的 對照物: 瀏覽器

    黄片基地 <