搜尋
首頁web前端html教學總結HTML/CSS 一些常用的單字

總結HTML/CSS 一些常用的單字

Jun 25, 2017 am 09:41 AM
csshtml單字常用整理

頁面佈局(layout)

header 頭/頁首;

index 首頁/索引;

logo 標誌;

##nav/sub_nav導航/子導航;

banner 橫幅廣告;

main/content 主體/內容;

container/con 容器;

wrapper/wrap 包裹(類似container);

menu 選單;

sub_menu/second_menu 子選單/二級選單;

list 清單;

section 分割區/分塊(類似div);

article 文章;

aside 側邊欄/廣告;

footer 頁腳/底部;

##title/sub_title 標題/副標題;

news 新聞;

hot 熱點;

pro 產品(product);

company 公司;

msg/ info 訊息(message)/訊息;

ads 廣告(advertisements);

icon 小圖示;

img 圖片(image);

copyright 版權;

contact_us 聯絡我們;

friend_link 友誼連結;

tel 聯絡電話(telephone);

address 地址;

  空格(不要忘記分號);


(文字末端新增)換行

CSS樣式(style)

CSS 層疊樣式表(Cascading Style Sheets) ;

background背景;

background: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變;

position 位置/定位;

relative/absolute/fixed 相對定位/絕對定位/固定定位;

float 浮動;

clear 清除;

vertical-align: middle/top/bottom; 垂直居中/上/下;

line -height 行高;

margin 外邊距;

padding 內邊距;

border 邊框;

solid/dashed/dotted 實線/線虛線/點虛線;

border-radius 圓角;

shadow 陰影;

display 展示;

hidden 隱藏;

block/inline-block 區塊元素/行內區塊;

overflow 溢位;

cursor 遊標;

cursor:pointer; 滑鼠移上變成小手;

animation動畫;


css sprites 雪碧圖/圖片精靈;

column 分列;

flex 彈性(版面);

表單(form)與表格(table)

form 表單;

##action 行為;

method 方式/方法;

input 輸入框;

label 標籤;

password 密碼;

radio 單選框;

checkbox 複選框;

btn 按鈕(button);

submit/reset 提交/重置;

textarea 文字域;

select/option 選擇框/選擇項目;

placeholder 佔位符(起提示作用);

search 搜尋;

icon 小圖示;

autofocus 自動對焦;

disabled 停用;

checked 選取(單選框/複選框);

selected 預設選擇項目(下拉選擇框);

required 必填項目;

readonly 只讀;

#table 表格;

thead/tbody/tfoot 表格標題/主體/底部;

colspan 跨列;

rowspan 跨行;

cellspacing 單元間距(類似於margin);

cellpadding 單元格邊距(類似於padding);

border-collapse: collapse; 邊框合併(用於table上);

以上是總結HTML/CSS 一些常用的單字的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
HTML屬性的目的是什麼?HTML屬性的目的是什麼?May 07, 2025 am 12:01 AM

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior,外觀和互動,使網站互動,響應式,visalalyAppealing.AttributesLikutesLikeSlikEslikesrc,href,href,href,類,類型,類型,和dissabledtransfransformformformformformformformformformformformformformformforment

您如何在HTML中創建列表?您如何在HTML中創建列表?May 06, 2025 am 12:01 AM

toCreateAlistInHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulletedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,casundfornthetthetthetthetthetthetthetttributefordforderfordforderforderentnumberingsnumberingsnumberingStys。

HTML行動:網站結構的示例HTML行動:網站結構的示例May 05, 2025 am 12:03 AM

HTML用於構建結構清晰的網站。 1)使用標籤如、、定義網站結構。 2)示例展示了博客和電商網站的結構。 3)避免常見錯誤如標籤嵌套不正確。 4)優化性能通過減少HTTP請求和使用語義化標籤。

您如何將圖像插入HTML頁面?您如何將圖像插入HTML頁面?May 04, 2025 am 12:02 AM

toinsertanimageIntoanhtmlpage,usethetagwithsrcandaltattributes.1)usealttextforAcccessibilityandseo.2)instementRcsetForresponSiveImages.3)applylazyloadingWithLoadingWithLoading =“ lazy” tooptimizeperformance.4)tooptimizeperformance.4)

HTML的目的:啟用Web瀏覽器可以顯示內容HTML的目的:啟用Web瀏覽器可以顯示內容May 03, 2025 am 12:03 AM

HTML的核心目的在於讓瀏覽器理解並展示網頁內容。 1.HTML通過標籤定義網頁結構和內容,如、到、等。 2.HTML5增強了多媒體支持,引入了和標籤。 3.HTML提供了表單元素,支持用戶交互。 4.優化HTML代碼可提升網頁性能,如減少HTTP請求和壓縮HTML。

為什麼HTML標籤對Web開發很重要?為什麼HTML標籤對Web開發很重要?May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1)semantictagsimproveaccessibilityandseo.2)semanteLayOut,語義和互動性。 3)poseriblesibilityandseoandseo.3)poseriblesoftagscanoftagscanoftagscanoptagscanoptimizeperefeneandimizeanDenSuroceRecRoscRoss-BrowserCrowserCercerComercompatibility。

說明將一致的編碼樣式用於HTML標籤和屬性的重要性。說明將一致的編碼樣式用於HTML標籤和屬性的重要性。May 01, 2025 am 12:01 AM

一致的HTML編碼風格很重要,因為它提高了代碼的可讀性、可維護性和效率。 1)使用小寫標籤和屬性,2)保持一致的縮進,3)選擇並堅持使用單引號或雙引號,4)避免在項目中混合使用不同風格,5)利用自動化工具如Prettier或ESLint來確保風格的一致性。

如何在 Bootstrap 4 中實現多項目輪播?如何在 Bootstrap 4 中實現多項目輪播?Apr 30, 2025 pm 03:24 PM

在Bootstrap4中實現多項目輪播的解決方案在Bootstrap4中實現多項目輪播並不是一件簡單的事情。雖然Bootstrap...

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中