前端之html css常用單詞
阿新 • • 發佈:2019-01-06
頁面佈局(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上);