首頁  >  文章  >  web前端  >  總結HTML/CSS 一些常用的單字

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

零下一度
零下一度原創
2017-06-25 09:41:512098瀏覽

頁面佈局(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