HTML5和CSS3是現(xiàn)代網(wǎng)頁開發(fā)中必不可少的工具，HTML5作為網(wǎng)頁結(jié)構(gòu)的核心語言，而CSS3作為網(wǎng)頁樣式的重要玩家，它們的合作是任何一個(gè)網(wǎng)站都離不開的。下面將為大家介紹一些常用的HTML5和CSS3代碼，讓大家輕松上手。
一、HTML5常用代碼
1. 開啟HTML5聲明 <!DOCTYPE html> 2. 文字樣式 <h1>...</h1> //最大的標(biāo)題 <h2>...</h2> //略小一號(hào)的標(biāo)題 <p>...</p> //文本塊 <a href="...">...</a> //鏈接 <ul>...</ul> //無序列表 <ol>...</ol> //有序列表 <li>...</li> //列表項(xiàng) <img src="..." alt="..."> //圖片 <form>...</form> //表格 <input type="text" name="..."> //文本輸入框 <select>...</select> //下拉列表框 <option>...</option> //下拉列表框選項(xiàng)
二、CSS3常用代碼
1. 背景樣式
background-color: #fff; //背景色
background-image: url("..."); //背景圖片
background-repeat: no-repeat; //背景圖片不重復(fù)
background-position: center; //背景圖片位置
2. 字體樣式
font-size: 14px; //字體大小
font-weight: bold; //粗體
font-style: italic; //斜體
font-family: "Microsoft YaHei", sans-serif; //字體樣式
3. 邊框樣式
border: 1px solid #ccc; //邊框?qū)挾?、樣式、顏?
border-radius: 5px; //邊框圓角
4. 文本樣式
color: #333; //字體顏色
text-align: center; //文本居中
text-decoration: none; //鏈接無下劃線
text-shadow: 1px 1px #ccc; //文字陰影
5. 盒子樣式
width: 100px; //盒子寬度
height: 100px; //盒子高度
margin: 10px; //外邊距
padding: 10px; //內(nèi)邊距
float: left; //浮動(dòng)
6. 動(dòng)畫效果
transition: all .5s ease; //過渡效果
transform: rotate(45deg); //轉(zhuǎn)換樣式
以上就是一些常見的HTML5和CSS3代碼，如果掌握了這些基本知識(shí)，就可以輕松構(gòu)建出精美的網(wǎng)頁。當(dāng)然，還有許多更高深的技術(shù)等待我們?nèi)W(xué)習(xí)和探索。