成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

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

Java_oldboy / 1917人閱讀

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

一、布局??

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

二、CSS樣式(style)??

CSS 層疊樣式表 (Cascading Style Sheets) ;
background 背景;
position 位置/定位;
relative/absolute/fixed 相對(duì)定位/絕對(duì)定位/固定定位;
float 浮動(dòng);
clear 清除;
vertical-align: middle/top/bottom; 垂直居中/上/下;
line-height 行高;
margin 外邊距;
padding 內(nèi)邊距;
border 邊框;
solid/dashed/dotted 實(shí)線(xiàn)/線(xiàn)虛線(xiàn)/點(diǎn)虛線(xiàn);
border-radius 圓角;
shadow 陰影;
display 展示;
hidden 隱藏;
block/inline-block 塊元素/行內(nèi)塊;
overflow 溢出;
cursor 光標(biāo);
animation 動(dòng)畫(huà);
css sprites 雪碧圖/圖片精靈;
column 分列;
flex 彈性(布局);

三、表單(form)與表格(table)??

form 表單;
action 行為;
method 方式/方法;
input 輸入框;
label 標(biāo)簽;
password 密碼;
radio 單選框;
checkbox 復(fù)選框;
btn 按鈕(button);
submit/reset 提交/重置;
textarea 文本域;
select/option 選擇框/選擇項(xiàng);
placeholder 占位符(起提示作用);
search 搜索;
icon 小圖標(biāo);
autofocus 自動(dòng)聚焦;
disabled 禁用;
checked 選中(單選框/復(fù)選框);
selected 默認(rèn)選擇項(xiàng)(下拉選擇框);
required 必填項(xiàng);
readonly 只讀;
table 表格;
thead/tbody/tfoot 表格標(biāo)題/主體/底部;
colspan 跨列;
rowspan 跨行;
cellspacing 單元格間距(類(lèi)似于margin);
cellpadding 單元格邊距(類(lèi)似于padding);
border-collapse: collapse; 邊框合并(用于table上);

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/115614.html

相關(guān)文章

  • HTMLCSS 開(kāi)發(fā)常用語(yǔ)義命名

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

    channg 評(píng)論0 收藏0
  • 我眼中的Web 語(yǔ)義

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

    zhichangterry 評(píng)論0 收藏0
  • 我眼中的Web 語(yǔ)義

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

    ChanceWong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<