一、通用模板:
在景寧畬族自治等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,景寧畬族自治網(wǎng)站建設(shè)費用合理。
主要內(nèi)容
二、網(wǎng)頁三要素:
1. 元素標(biāo)簽:
(1) 同行顯示:
(斜體標(biāo)簽)
(粗體標(biāo)簽)
標(biāo)記代碼
(2) 換行顯示:
1.
2.
3.
4.
(段落標(biāo)簽)
5.注:一個頁面最多使用一次!不能放置header; footer ; aside; article中
6.
7.
8.
9.
10.
(3) 未知:
1. (圖像標(biāo)簽)
2. (字體標(biāo)簽)
3. (粗體標(biāo)簽)
4. (斜體標(biāo)簽)
5. (下劃線標(biāo)簽)
6.(上標(biāo)標(biāo)簽)
7.(下標(biāo)標(biāo)簽)
8.
9.
10.
11.
12.
13.添加內(nèi)容(表現(xiàn)為加下劃線)
14.刪除內(nèi)容(表現(xiàn)為加刪除線)
15.標(biāo)簽通常表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜志的標(biāo)題。按照慣例,引用的文本將以斜體顯示。
16.
2. 屬性:
: src; width; height; alt
3. 值:
三、其他:
4. 注釋:
如:
5.學(xué)習(xí)相關(guān)鏈接:
網(wǎng)頁轉(zhuǎn)義符號HTML代碼大全:http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
HTML系列教程:http://www.w3school.com.cn/h.asp
各類標(biāo)簽及其用法:http://www.w3school.com.cn/tags/tag_doctype.asp
6.鏈接錨鏈接:鏈接到某一頁面的特定區(qū)域。
模板:Selector(選擇器){
Attribute(屬性): value(值) ;
} // 各種元素。
Color:#000000(黑色)/#ffffff(白色)
注:單斜桿表示或者!
1.鏈接樣式:
a:link{
color: blue;
} /*鏈接激活前的外觀*/
a:hover{
color: orange;
} /*鼠標(biāo)指向鏈接時的外觀*/
a:hover{
color: red;
} /*激活鏈接后的外觀*/
2.文本樣式:
字體:
font-family: Geneva,Tahoma,sans-serif; /*字體類型,三選一*/
font-style: italic/normal; /*斜體和正體二選一*/
font-weight: bolder/bold/normal/lighter; *更粗/正常/更細/三選一*/
font-size: 16px/1em; /*字體大小,默認1em=16px*/
line-height:16px /*行高*/
字間距:word-space:length(4px或其他);
字偶距: letter-space:length(4px或其他);
添加縮進:text-indent: length(2em或其他);
對齊文本:text-align: left/right/center/justify(兩端對齊);
修改文本大小寫:text-transform: uppercase(大)/lowercase(小)/none;
裝飾文本::text-decoration: underline/overline/through/none;
(下劃線/上劃線/刪除線/無)
3.元素顯示方式:display: block/inline/; (換行/行內(nèi)顯示)
4.元素可見性:visibility: visible/hidden;
5.邊框:border-style :dashed/solid/dotted ; (虛線/實線/點劃線)
border -width:
border -color:
border:2px solid red;
border-radius:length; //邊框圓角半徑
6.外/內(nèi)邊距:margin-top/-bottom:length;
Padding:length;
Padding-top/bottom/left/right:length;
7.元素浮動:float:left/right/none;
8.清除浮動:clear:left/right;
9.處理溢出:overflow: visible/hidden/scroll/auto;
10.修改指針形狀:cursor: pointer/default/crosshair/move/wait/help;
11.列表標(biāo)記:
list-style-type:disc/circle/square….;
/*
disc:圓點;circle:圓圈;square:方塊;decimal:數(shù)字;
upper-alpha:大寫字母。
*/
12.有序列表:
List-style-position: inside/outside;
13.fieldset(表單):
表單字段(type屬性值):text/email/password/url/submit/radio(單)/checkbook(復(fù)選)
單選框:
復(fù)選框:
列表框:
14.表格:
//表頭標(biāo)記 | //單元格標(biāo)記 |
---|---|
//單元格標(biāo)記 | //單元格標(biāo)記 |
1. 函數(shù)調(diào)用:
直接調(diào)用 (functionname(形參))
事件響應(yīng)調(diào)用(onclick=”check()”)
超鏈接調(diào)用 (
分享標(biāo)題:Html5,Css初學(xué)總結(jié)
當(dāng)前URL:http://weahome.cn/article/gsoejd.html