国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML與CSS 開發(fā)常用語義化命名

channg / 434人閱讀

摘要:一布局頭部頁眉首頁索引標志導航子導航橫幅廣告主體內(nèi)容容器包裹類似于菜單子菜單二級菜單列表分區(qū)分塊類似于文章側(cè)邊欄廣告頁腳底部標題副標題新聞熱點產(chǎn)品公司信息消息廣告小圖標圖片版權(quán)聯(lián)系我們友情鏈接聯(lián)系電話地址二樣式層疊樣式表背景位置定位相對定位

一、布局??

header 頭部/頁眉;
index 首頁/索引;
logo 標志;
nav/sub_nav 導航/子導航;
banner 橫幅廣告;
main/content 主體/內(nèi)容;
container/con 容器;
wrapper/wrap 包裹(類似于container);
menu 菜單;
sub_menu/second_menu 子菜單/二級菜單;
list 列表;
section 分區(qū)/分塊(類似于div);
article 文章;
aside 側(cè)邊欄/廣告;
footer 頁腳/底部;
title/sub_title 標題/副標題;
news 新聞;
hot 熱點;
pro 產(chǎn)品(product);
company 公司;
msg/info 信息(message)/消息;
ads 廣告(advertisements);
icon 小圖標;
img 圖片(image);
copyright 版權(quán);
contact_us 聯(lián)系我們;
friend_link 友情鏈接;
tel 聯(lián)系電話(telephone);
address 地址;

二、CSS樣式(style)??

CSS 層疊樣式表 (Cascading Style Sheets) ;
background 背景;
position 位置/定位;
relative/absolute/fixed 相對定位/絕對定位/固定定位;
float 浮動;
clear 清除;
vertical-align: middle/top/bottom; 垂直居中/上/下;
line-height 行高;
margin 外邊距;
padding 內(nèi)邊距;
border 邊框;
solid/dashed/dotted 實線/線虛線/點虛線;
border-radius 圓角;
shadow 陰影;
display 展示;
hidden 隱藏;
block/inline-block 塊元素/行內(nèi)塊;
overflow 溢出;
cursor 光標;
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上);

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/51787.html

相關(guān)文章

  • HTMLCSS 開發(fā)常用語義命名

    摘要:一布局頭部頁眉首頁索引標志導航子導航橫幅廣告主體內(nèi)容容器包裹類似于菜單子菜單二級菜單列表分區(qū)分塊類似于文章側(cè)邊欄廣告頁腳底部標題副標題新聞熱點產(chǎn)品公司信息消息廣告小圖標圖片版權(quán)聯(lián)系我們友情鏈接聯(lián)系電話地址二樣式層疊樣式表背景位置定位相對定位 一、布局?? header 頭部/頁眉;index 首頁/索引;logo 標志;nav/sub_nav 導航/子導航;banner 橫幅廣告;ma...

    Java_oldboy 評論0 收藏0
  • 我眼中的Web 語義

    摘要:語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網(wǎng)頁的信息,從而可以讀懂網(wǎng)頁的內(nèi)容,然后將收集匯總的信息進行分析,結(jié)果為人類所用另一方面它可以讓開發(fā)人員讀懂結(jié)構(gòu)和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內(nèi)容。 我眼中的Web 語義化 web語義化是什么? Web語義化,使用語義恰當?shù)臉撕灒梢宰岉撁婢哂辛己玫慕Y(jié)構(gòu),頁面元素具有良好的含義,從而讓人和機器都能快速理解。語義化的...

    zhichangterry 評論0 收藏0
  • 我眼中的Web 語義

    摘要:語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網(wǎng)頁的信息,從而可以讀懂網(wǎng)頁的內(nèi)容,然后將收集匯總的信息進行分析,結(jié)果為人類所用另一方面它可以讓開發(fā)人員讀懂結(jié)構(gòu)和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內(nèi)容。 我眼中的Web 語義化 web語義化是什么? Web語義化,使用語義恰當?shù)臉撕灒梢宰岉撁婢哂辛己玫慕Y(jié)構(gòu),頁面元素具有良好的含義,從而讓人和機器都能快速理解。語義化的...

    ChanceWong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<